Online Style Guide
Buttons & Icons
Buttons
Have a dynamic width and a fixed height of 40px. Their actual width is defined through text length plus spacing (see example in the section Spacing rules). The button-text is fluid and breaks into the next line if the viewport gets to small.
Standard button w/o icon
Standard button with icon
Standard button icon only
Button with icon no border
Button with left icon no border
Action button
Action button long text
Action button w/o icon
Social Button
Switch button
Single color icons
Icons are backed into several webfont files that can be downloaded below.
Multi color icons
Icons are saved as PNGs with double standard screen resolution to be retina ready.
Static assets
In this context we mean with static assets all those static files which were placed on the webserver and which were relevant for web browsers and search engines:
- favicon.ico
- apple-touch-icon.png (for iOS devices)
- browserconfig.xml, tile.png and tile-wide.png (for Windows Mobile devices)
- robots.txt
- crossdomain.xml
Social Media Icons
Icons are supplied by the webservice of the Digital Asset Management tool.
Sub Application Icons
These Icons are outdated and therefore not available as vector files. The Icons are not retina ready.
