bigger 1900
1900
1600
1440
1280
1160
1024
940
850
767
600
480
360
320
portrait ipad
landscape ipad
The website design is incorporating all basic brand elements: Logo, typeface, the transition shapes, rounded corners on the images, and the Vossloh Rolling Stock Future Yellow highlight square. The transitions are used on the navigation, hero images, image captions and for separating content sections.
Grid and Layout Principles
The website design is using a 12 column bootstrap grid.
The navigation is using the Vossloh Rolling Stock Pine for menu items or the burger menu on mobile.
Buttons are using Future Yellow as a background color, and type in Pine.
Non-clickable elements like highlight pill shapes are using Vossloh Rolling Stock Tech Grey as a background color.
For desktop, image corners are rounded by 30px and for mobile by 20px.
