Page Types Different page types have been defined and can be used as templates when creating a new page. The page type should reflect the hierarchy of the page. The architecture of the Group website and the hierarchy of pages is described in Sitemap. Full Design System Access Our complete design system with technical specs is available on Figma for designers and developers. For access, refer to the Access Rights page. Icons/20x20/Arrow right Full Design System Access
Media Images and videos enhance the experience on the website immensely. However, it is important to select images and videos that suit the brand and to implement them correctly. Learn more about our imagery and how to integrate them into modules (content blocks) correctly on the subpages. Category Overview Images Icons/20x20/Arrow right Go to Page Video Icons/20x20/Arrow right Go to Page Content Blocks Icons/20x20/Arrow right Go to Page
Access Rights User Groups The design system is designed for designers and developers. They work with the system all the time. Content editors can find all information on how to build pages on the Editor Portal, but they can find the information on how to choose which content block to use on the web styleguide. Icons/20x20/Arrow right Open Editor Portal Developers Developers use the design system to view technical information about modules. It is the single source of truth for the...
Modules A 'Module' is the technical synonym for 'Content Blocks.' Modules are built from elements and segments, essentially serving as premade clusters for the website. When designing a new page, aim to reuse modules as much as possible. In the Content Section, you will find an introduction to every module that is available. The design system provides detailed information about each version of a module and how it is built. Icons/20x20/Arrow right Go to Content Block Descriptions...
Navigation To provide the user with a seamless and intuitive experience, it is important to have consistent navigation. The navigation should inform the user about where on the page he is currently, and where they can go next. Category Overview Content Blocks Icons/20x20/Arrow right Go to Page
Events To create a varied website, content can be displayed in different ways. For this purpose, there are special modules whose appearance is optimized for their function. Category Overview Content Blocks Icons/20x20/Arrow right Go to Page
Contact For some content pages, it is important to provide a direct contact. This helps to make you as a brand appear approachable and to receive feedback directly from the users. Category Overview Content Blocks Icons/20x20/Arrow right Go to Page
Text The most common way to transport information is via text. Ensure that the copy follows the tone of voice of Continental. Category Overview Content Blocks Icons/20x20/Arrow right Go to Page
Infographics To create a varied website, content can be displayed in different ways. For this purpose, there are special modules whose appearance is optimized for their function. Category Overview Content Blocks Icons/20x20/Arrow right Go to Page
Download To create a varied website, content can be displayed in different ways. For this purpose, there are special modules whose appearance is optimized for their function. Content Blocks Icons/20x20/Arrow right Go to Page
