Visual guidelines (Academy)
Formats
- Use PNG for logo
- Use JPEG for images
Dimensions
Page types
Homepage - Content pages
- Hero image: 960 x 540
- Search image: 960 x 540
- Overview image: 960 x 540
Category pages - Training pages
- Hero image: 960 x 540
- Icon: 120 x120 in png
Paragraphs
Homepage - Content pages
- Content block section: 960 x 540
- The category list =Icons are automaticcaly uploaded from the category page
- Highlighted categories: 960 x 540
- In the picture: 960 x 540
- In the spotlight: 120 x120 in png
- Teaser list/Data Block/USP block = 120x120 in png
Images upload is limited to 1 megabytes!
Naming conventions
The naming convention of the visuals has the following structure:
LP_Country_Language_image name_withd imagexheight image_position on the page
Country: For which country the image is used, you can choose between one of the following codes Com/NL/BE/DE/AT/FR/CH/LU/EU ...
EU is to be used in case the visual is intended for more than one country.
Language (optional): Only to be used when some text does appear on the visual.
Image name:
- When a visual is specifically linked to a page, the name of the page can be used
- When a visual is used for many pages, a short description of the image can be used
withd imagexheight image: Visual dimension in pixels
Position on the page (optional): For visuals specifically linked to a page, please indicates his position on the page. You can choose between on of the positions:
- hero : When located in the hero
- 1: First after the hero on the page
- 2: Second after the hero on the page
- ....
For example:
• LP_EU_Formula1_960x540
• LP_AT_DE_3 Gründe, Ihren Reisekosten- und Spesenabrechnungsprozess zu automatisieren_1200x675_hero
Do you want to make your website even faster?
Heavy images can slow down your website, to decrease the weight of your images, you can use: TinyPNG
