Images ratios Images underline the corporate language emotionally. When used in Intranet, images should enhance the user experience because they express personal relevance, information, and delight. Sizes and ratios Basically, there are two ratios for images in the content areas: 16:9 and 1:1. The exceptions are: Stage images which have a limited height in order to save vertical screen real estate. Image Use Ratio Width Height Stage Desktop Desktop 68:25 952 350 Content Image large...
Personal settings The personal settings opens as layover and the user has the chance to personalize the own profile. The links are jumpmarks that brings the user directly to the setting section. With checkboxes the user choose the property. In some cases the order of the settings can be changed by drag&drop. Because of the huge number of properties (e.g. News keywords) the user can use a search field to limit the results. Access the personal settings Opened personal settings
Main Navigation The main navigation allows employees to quickly visit any section within the site. The submodus is structured in columns (max. 4), which ensures a clearly arranged display of pages and topics. During scrolling, the complete header section including the main navigation is fixed at the top of the page in order to provide permanent access to all other content. The quality seal is shown on desktop and tablet. On mobile devices the logo is displayed on top of the content...
Footer The footer finishes the page with Services and Links section that provide access to central services to the employee. The white background and the line in Continental yellow separates it from the rest of the content and optically signals the end of the site. The center module contains the link (button) to the integrity hotline. On the right side the Share Price module is shown. The compontents of the footer are fixed by its position. Desktop All elements are divided into the...
Icons and symbols Icons are the visual expression of a brand platform. Simple, light, and user friendly. While each icon is visually distinctive, all of them should be unified through concept and execution. Basic Icons Icons/20x20/Arrow right Basic Icons Interaction Icons Icons/20x20/Arrow right Interaction Icons
Header Interface Desktop The header section has a white background and the uses the complete width of the page over all content columns. On interface desktop the Quality seal is used and on tablet (portrait) and smartphone the logo uses the complete width of the screen. Interface Mobile Adaptive specifications
Questions and contact In case of questions please contact: Contact, if you cannot access: Bianca Rudnjanin Manager Platform Architecture Group Communications/ Unternehmenskommunikation Phone: +49 (0) 511 938-12423
Typography Continental Stag Sans is the corporate typeface. It conveys the strength, competence and modernity of the brand and at the same time draws attention to headlines without distracting from content. Continental Stag Sans is an easy-on-the-eye sans serif typeface with open counterforms for maximum legibility. The Arial typeface is used as the fallback font for web applications. Nimbus Global serves as the international recommended replacement font. This typeface is used for all...
Links Links are commonly used for navigation between different content pages. Buttons initiate a function. Links are divided into two categories. The primary link is mainly used for all types of link. The secondary link is used to differentiate between more important main links when one element contains more than one link or groups of links. Buttons are created dynamically. They are set on a dark grey gradient. The text has a padding of 16px on left and right side and 10px on top and...
Colors Using color in a consistent way reinforces our brand and fosters trust and recognition. However, according to the requirements of a highly structured information architecture and the need to give adequately varied visual signals, the color palette for the Continental corporate platform has been expanded by (electronic media-exclusive) gradients of the existing brand colors. Color System - Continental Brandportal Please find all information about the color schemes in the...