The designs of the listed templates were developed based on user surveys and extensive testing. The result is a data based and more consistent design across pages, improving page performance and overall user navigation. For editors, it simplifies the process for creating or modifying of pages by providing an agreed-upon design, streamlining the process.
The remaining templates are based on frequently used designs. They can equally be used as reference to provide users a more consistent design across the website.
Use Templates
Every template is linked in the main navigation. When you've found the right template, you can copy the page from the Web Styleguide and paste it into your client. Make sure to edit within your client, not the Web Styleguide. Alternatively, you can add the template directly in your client and use the Web Styleguide for reference.
Do not make any changes to the Web Styleguide, as updates are solely managed by webteam@baloise.ch.
There are four Baloise Colors available: green, purple, red, tangerine. When editing a page components, icons and stage should all be in the same color.
The image in the stage should fit the color of the stage.
Options
- Most Icons available in all 4 colors
- Some Components available in all 4 colors & white
- Stages available in all 4 colors