Headline Font: „Exo 2“
Überschrift / Headline 1
42px – Stärke / Weight: 900
Überschrift / Headline 2
35px – Stärke / Weight: 800
Überschrift / Headline 3
29px – Stärke / Weight: 700
Überschrift / Headline 4
24px – Stärke / Weight: 600
Content Font: „Roboto“
Fließtext / Body text
17px – Stärke / Weight: 400
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Listeneintrag / List item
- Listeneintrag über mehrere Zeilen, Listeneintrag über mehrere Zeilen, Listeneintrag über mehrere Zeilen / List item over several lines, list item over several lines, list item over several lines
- Listeneintrag / List item
- Nummerierter Listeneintrag / Numbered list item
- Nummerierter Listeneintrag über mehrere Zeilen, Nummerierter Listeneintrag über mehrere Zeilen, Listeneintrag über mehrere Zeilen / Numbered list item over several lines, numbered list item over several lines, numbered list item over several lines
- Nummerierter Listeneintrag / Numbered list item
| Text | Zahl / Number | Währung / Currency |
|---|---|---|
| Datensatz 1 / Data cell 1 | 123 | 0,00 € |
| Datensatz 2 / Data cell 2 | 123.456 | 99,99 € |
| Datensatz 3 / Data cell 3 | 7.890.123 | 1.234,56 € |
| Datensatz 4 / Data cell 4 | 1,87654321 | 1.234.567,89 € |
| Tabellenfuß / Footer-Label | Tabellenfuß / Footer-Label | Tabellenfuß / Footer-Label |
FAQ / Toggles
Item: H4-Element – 24px – Stärke / Weight: 600
Text: 17px – Stärke / Weight: 400
Bitte beachten Sie, dass die Darstellung der Farben vom Ausgabegerät und -verfahren abhängig ist.
Please note that the representation of these colors depends on the device and the reproduction process.
Logo
Herb-blue
RGB: 0 / 72 / 145
CMYK: 100 / 70 / 0 / 12
Pantone: 287 C
Hex: #004891
Herb-green
RGB: 77 / 163 / 47
CMYK: 70 / 0 / 100 / 9
Pantone: 362 C
Hex: #4da32f
Herb-black
RGB: 61 / 60 / 61
CMYK: 67 / 58 / 53 / 59
Pantone: Cool Gray 11 C
Hex: #3d3c3d
System
Herb-body
RGB: 252 / 247 / 238
CMYK: 0 / 2 / 5 / 0
Hex: #fcf7ee
TBA
RGB: 250 / 159 / 66
CMYK: 0 / 44 / 84 / 0
Hex: #FA9F42
TBA
RGB: 0 / 99 / 51
CMYK: 100 / 25 / 100 / 35
Pantone: 357 C
Hex: #006333
Herb-warning
RGB: 214 / 73 / 51
CMYK: 11 / 87 / 91 / 2
Hex: #D64933
Herb-action
RGB: 250 / 159 / 66
CMYK: 0 / 44 / 84 / 0
Hex: #FA9F42
Herb-green-dark
RGB: 0 / 99 / 51
CMYK: 100 / 25 / 100 / 35
Pantone: 357 C
Hex: #006333
Herb-grey
RGB: 149 / 165 / 166
CMYK: 44 / 27 / 32 / 0
Hex: #95a5a6
Herb-grey-mid
RGB: 212 / 219 / 219
CMYK: 15 / 9 / 11 / 0
Hex: #D5DCDB
Herb-grey-light
RGB: 244 / 246 / 245
CMYK: 3 / 2 / 2 / 0
Hex: #F4F6F6
Herbacin kamille Hand- & Körperpflege
HK-green-full
RGB: 99 / 165 / 60
CMYK: 67 / 11 / 95 / 0
Hex: #63a53c
HK-green-mid
RGB: 189 / 228 / 180
CMYK: 31 / 0 / 38 / 0
Hex: #bde4b4
HK-green-light
RGB: 246 / 250 / 244
CMYK: 5 / 0 / 5 / 0
Hex: #f6faf4
Bath Sensations
Bathsen-petrol-full
RGB: 8 / 93 / 75
CMYK: 90 / 37 / 70 / 34
Hex: #085d4b
Bathsen-petrol-mid
RGB: 154 / 188 / 170
CMYK: 45 / 13 / 37 / 0
Hex: #9abcaa
Bathsen-petrol-light
RGB: 242 / 245 / 242
CMYK: 7 / 2 / 5 / 0
Hex: #f2f5f2
Kräuter Shower Gel
Shower-myrtle-full
RGB: 48 / 126 / 110
CMYK: 79 / 29 / 59 / 14
Hex: #307e6e
Shower-myrtle-mid
RGB: 150 / 206 / 194
CMYK: 46 / 0 / 29 / 0
Hex: #96cec2
Shower-myrtle-light
RGB: 249 / 250 / 244
CMYK: 5 / 0 / 5 / 0
Hex: #f6faf4
Kräuter Shampoo
Shampoo-myrtle-full
RGB: 48 / 126 / 110
CMYK: 79 / 29 / 59 / 14
Hex: #307e6e
Shampoo-myrtle-mid
RGB: 150 / 206 / 194
CMYK: 46 / 0 / 29 / 0
Hex: #96cec2
Shampoo-myrtle-light
RGB: 249 / 250 / 244
CMYK: 5 / 0 / 5 / 0
Hex: #f6faf4
Face Care
Fcare-mauve-full
RGB: 171 / 144 / 176
CMYK: 38 / 46 / 15 / 0
Hex: #ab90b0
Fcare-mauve-mid
RGB: 217 / 192 / 218
CMYK: 16 / 29 / 3 / 0
Hex: #d9c0da
Fcare-mauve-light
RGB: 249 / 246 / 249
CMYK: 2 / 4 / 1 / 0
Hex: #f9f6f9
Wellness im Bad
Schaum-berry-full
RGB: 199 / 63 / 85
CMYK: 16 / 86 / 53 / 5
Hex: #c73f55
Schaum-berry-mid
RGB: 243 / 176 / 188
CMYK: 0 / 41 / 15 / 0
Hex: #f3b0bc
Schaum-berry-light
RGB: 254 / 244 / 244
CMYK: 0 / 6 / 2 / 0
Hex: #fef4f4
Wellness Shower Gele
Nur ergänzend, Hauptfarbe ist “Wellness-Serie”
Welshow-pink-full
RGB: 233 / 159 / 177
CMYK: 6 / 48 / 16 / 0
Hex: #e99fb1
Welshow-pink-mid
RGB: 242 / 205 / 215
CMYK: 4 / 26 / 8 / 0
Hex: #f2cdd7
Welshow-pink-light
RGB: 253 / 248 / 249
CMYK: 1 / 4 / 1 / 0
Hex: #fdf8f9
Wellness-Serie
Well-mulberry-full
RGB: 173 / 90 / 120
CMYK: 29 / 72 / 30 / 11
Hex: #ad5a78
Well-mulberry-mid
RGB: 232 / 186 / 196
CMYK: 8 / 34 / 14 / 0
Hex: #e8bac4
Well-mulberry-light
RGB: 252 / 245 / 246
CMYK: 1 / 5 / 2 / 0
Hex: #fcf5f6
Herbacin kamille Intensiv Pflege
HKInt-purple-full
RGB: 216 / 90 / 115
CMYK: 1 / 76 / 38 / 2
Hex: #d85a73
HKInt-purple-mid
RGB: 238 / 155 / 169
CMYK: 2 / 50 / 20 / 0
Hex: #ee9ba9
HKInt-purple-light
RGB: 253 / 242 / 242
CMYK: 1 / 7 / 3 / 0
Hex: #FDF2F2
Skin Solutions
Skinsol-wine-full
RGB: 170 / 24 / 44
CMYK: 22 / 100 / 78 / 17
Hex: #aa182c
Skinsol-wine-mid
RGB: 239 / 120 / 121
CMYK: 0 / 65 / 42 / 0
Hex: #ef7879
Skinsol-wine-light
RGB: 253 / 237 / 234
CMYK: 0 / 10 / 6 / 0
Hex: #fdedea
Camouflage
Cam-navy-full
RGB: 26 / 46 / 71
CMYK: 96 / 78 / 44 / 46
Hex: #1a2e47
Cam-navy-mid
RGB: 147 / 176 / 192
CMYK: 47 / 22 / 19 / 2
Hex: #93b0c0
Cam-navy-light
RGB: 240 / 243 / 245
CMYK: 7 / 3 / 3 / 1
Hex: #f0f3f5
Wutapoon
Wpoon-blue-full
RGB: 10 / 48 / 111
CMYK: 100 / 86 / 31 / 14
Hex: #0a306f
Wpoon-blue-mid
RGB: 152 / 173 / 208
CMYK: 46 / 27 / 7 / 0
Hex: #98add0
Wpoon-blue-light
RGB: 240 / 243 / 245
CMYK: 7 / 3 / 3 / 1
Hex: #f0f3f5
Foot Care
Foot-sky-full
RGB: 85 / 147 / 201
CMYK: 69 / 33 / 5 / 0
Hex: #5593c9
Foot-sky-mid
RGB: 155 / 202 / 236
CMYK: 43 / 9 / 1 / 0
Hex: #9bcaec
Foot-sky-light
RGB: 242 / 247 / 252
CMYK: 6 / 2 / 0 / 0
Hex: #f2f7fc
Buttons
Iconbox
Die Icons stammen aus dem FontAwesome Icon-Font. / Icons taken from the FontAwesome icon font.
Productbox
