Quality Seal The use of the Continental logo depends on the current media size. The distance to the left side is defined by the layout grid. From desktop to tablet the distance is scaled proportionally. On mobile devices, instead of the quality seal, the logo is placed on a stripe with 100% width. Please see the Basic Brand Styleguide for more information about the logo and its usage (Dos and Don’ts). Logo More information about the usage of the logo and quality seal. Icons/20x20/Arrow...
Table A table displays collections of data grouped into rows, which have alternating colors. In the desktop version, columns can be aligned differently. On mobile devices, the table is transformed into cards, with each card representing a single row. The text is strictly left-aligned.
Layers Layers can basically display all kinds of content. The background is darkened to 80%. The maximum layer width is the screen width of the user for e.g. the search layer. Content layer This is used e.g. for calendar events, prompts from the system or pictures. Search layer Personal settings layer
Components The following components serve to present the central information of the Intranet Platform. They are modularly designed to use them flexible for all page types. The component width depends on the respective column width. Quality Seal Icons/20x20/Arrow right Quality Seal Personal settings Icons/20x20/Arrow right Personal settings Breadcrumb Icons/20x20/Arrow right Breadcrumb Links Icons/20x20/Arrow right Links Teaser Icons/20x20/Arrow right Teaser Sidebar Icons/20x20/Arrow...
Business card Business Cards are lightboxs that provide a brief overview about the employee. They contain his/her corporate contact information as well as a status bar with direct contact possibilities. The business card is used on different use cases: link to the profile for the content owner on all pages link to the profile on organigram lists link within the comment section The information on the business card is delivered by ConNext and all information are maintained...
Event calendar The Event Calendar is intended for all sorts of corporate events. It is separated into all-day events (green) and temporary meetings (blue). The colors are based on Lotus Notes in order to ensure consistency. Detailed information about the event is displayed in a lightbox. Due to space limitations, the mobile version does not provide a weekly overview. Calendar in content section Calendar in Sidebar Layer of single event
Newsletter The Newsletter is designed to encourage employees to interact with the Intranet Platform. It also contains different modules the underline the up-to-date nature of the Platform. The modules fit to basic column widths. The overall newsletter is limited to two columns for the desktop version and one column for the mobile version. Sidebar teaser Newsletter mail
Comments Comments can be placed below articles. It is possible to comment at the first and second level. Second-level comments are indented to the right.