Before you start any project, it is very important that you know and follow our Design Requirements. Without that your product cannot be considered for further developments.
Please read below:
A - Legal Requirements
You are required to provide information regarding provider, privacy and cookies management. This information is available through the "Provider/Privacy"-icon in the website Header.
Read more about legal requirements
B - Header and Logo
Read more about the header component
C - Typography
Daimler´s brand font is the Corporate S font, which can be downloaded on the Daimler Brand Navigator. Headlines on Images are placed on a White or black multiline Background. Bodytext is surrounded by a large amount of whitespace, giving it breathing room and increasing readability.
D - Icons
For convenient use, Daimler icons are offered as icon-fonts in two different stroke-weights.
E - Image formats and ratios
When using visual materials, ensure that the ratios and formats are uniform. Recommended aspect ratios are 1:1, 2:1 and 16:9. A wide range of official image material is available in the Daimler Media Portal.
F - Color
The General Daimler look and feel is dominated by monochrome colors and a high black and white color contrast. Petrol and red are accent colors which are used very sparingly.
G - Grid
Daimler Websites use the Bootstrap grid. This grid system is build around four fixed breakpoints, from small mobile devices up to large desktop viewports. Using the grid system ensures that all components are freely combinable and behave uniformly.
H - Footer
The specific Content of the footer varies from website to website. However some elements are present on all Websites: social media channels, footer navigation, copyright and brand logos.