| Scale Category | Schriftfamilie | Schriftschnitt | Schriftgröße | Einsatz | Schrifthöhe |
H1 |
Open Sans | Light | 40px | Überschrift | 0 |
H2 |
Lato | Regular | 32px | Überschrift | 0 |
H3 |
Lato | Regular | 24px | Überschrift | 0 |
H4 |
Lato | Regular | 24px | Überschrift | 1.1 |
H5 |
Open Sans | Semi Bold | 15px | Überschrift | 0 |
H6 |
Open Sans | Semi Bold | 15px | Überschrift | 0 |
| Body | Open Sans | Light | 15px | Fließtext | 24px |
| Button | Open Sans | Regular | 15px | Button | 24px |
Die Schriftgröße beträgt gerade 10px. Deswegen sind die Überschriften so klein.
| Scale Category | Schriftfamilie | Schriftschnitt | Schriftgröße | Einsatz | Schrifthöhe |
H1 |
Open Sans | Light | 40px 2.5rem | Überschrift | 0 |
H2 |
Open Sans | Light | 32px 2rem | Überschrift | 0 |
H3 |
Open Sans | Regular | 28px 1.75rem | Überschrift | 0 |
H4 |
Open Sans | Regular | 24px 1.5rem | Überschrift | 1.1 |
H5 |
Open Sans | Semi Bold | 20px 1.25rem | Überschrift | 0 |
H6 |
Open Sans | Semi Bold | 16px 1rem | Überschrift | 0 |
| Body | Open Sans | Light | 16px 1rem | Fließtext | 24px |
| Button | Open Sans | Regular | 15px | Button | 24px |
Styles
Green Subline
No Margin Bottom
No Margin Top
Tabelle 1
- Lorum ipsum
- Lorum ipsum
- Lorum ipsum
Tabelle 2
- Lorum ipsum
- Lorum ipsum
- Lorum ipsum
Tabelle 3
- Lorum ipsum
- Lorum ipsum
- Lorum ipsum
Tabelle 4
- Lorum ipsum
- Lorum ipsum
- Lorum ipsum
Farben
| #0C66AC | #003064 | #149A3C | #318DD2 |
#f29400 |
Vorschlag
| Light Blue 50 #E1F5FE |
100 #B3E5FC | 200 #81D4FA | 300 #4FC3F7 | 400 #29B6F6 | 500 #03A9F4 | 600 #039BE5 | 700 #0288D1 | 800 #0277BD | 900 #01579B |