Style Guide

Primärfarben

Rock Blue
Hex: #88a0ba
RGB: 136 / 160 / 186

Tuna
Hex: #454b54
RGB: 69 / 75 / 84


Sekundärfarben

Froly
Hex: #ef6b6c
RGB: 239 / 107 / 108

Sulu
Hex: #c2db76
RGB: 194 / 219 / 118

Martini
Hex: #b7a59f
RGB: 183 / 165 / 159

Hint of red
Hex: #edeceb
RGB: 237 / 236 / 235

Hippie Pink
Hex: #b65456
RGB: 182 / 84 / 86

Sage
Hex: #94a56f
RGB: 148 / 165 / 111

Almond Frost
Hex: #968377
RGB: 150 / 131 / 119

Grey Suit
Hex: #959599
RGB: 149 / 149 / 153


Neutrale Farben

White
Hex: #ffffff
RGB: 255 / 255 / 255

Black
Hex: #3d3d3d
RGB: 61 / 61 / 61


Bilder

Im Artikel

Bild Verhältnis im Beitrag: 21:9 (800 px * 343 px bzw. 1140 px * 489 px)

Teaserbild

Bild Verhältnis: 1900 px * 600 px


Typographie

Absatz

Font: Arial / Weight: 500 / Color: Black

Normaler Text: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Fetter Text: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Kursiver Text: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Überschriften

Font: Arial / Weight: 900 / Color: White, Black and Blue

H1 Überschrift

H2 Überschrift

H3 Überschrift

H4 Überschrift

H5 Überschrift
H6 Überschrift

Listen

Font: Arial / Weight: 500 / Color: Black

  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum
  • Lorem ipsum

Aufzählungen

Font: Arial / Weight: 500 / Color: Black

  1. Lorem ipsum
  2. Lorem ipsum
  3. Lorem ipsum
  4. Lorem ipsum


Hinweise

Font: Arial / Weight: 500 / Color: Black

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Zitate

Font: Arial / Weight: 500 / Color: Black


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem Ipsum


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem Ipsum