Key Colors
primary color #181818
$primary
.text-primary
.bg-primary
secondary color #e8162e
$secondary
.text-secondary
.bg-secondary
Other Colors
#09c929
$green
.text-green
.bg-green
#072c94
$blue
.text-blue
.bg-blue
#ff8200
$orange
.text-orange
.bg-orange
#c90909
$red
.text-red
.bg-red
#333333
$dark
.text-dark
.bg-dark
Gray Colors
#605c5c
$gray-1
.text-gray-1
.bg-gray-1
#787372
$gray-2
.text-gray-2
.bg-gray-2
#999493
$gray-3
.text-gray-3
.bg-gray-3
#c2bfbe
$gray-4
.text-gray-4
.bg-gray-4
#ebeae9
$gray-5
.text-gray-5
.bg-gray-5
#ffffff
$white
.text-white
.bg-white
Typography
Oswald (Headline)
Roboto (Paragraph)
Headlines Colors
Primary
Headline 1
Headline 2
Headline 3
Headline 4
Secondary
Headline 1
Headline 2
Headline 3
Headline 4
Blue
Headline 1
Headline 2
Headline 3
Headline 4
Orange
Headline 1
Headline 2
Headline 3
Headline 4
Red
Headline 1
Headline 2
Headline 3
Headline 4
Green
Headline 1
Headline 2
Headline 3
Headline 4
Gray
Headline 1
Headline 2
Headline 3
Headline 4
White (+ Dark Bg)
Headline 1
Headline 2
Headline 3
Headline 4
Text Styles
Paragraph 16 / 22
<p></p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Paragraph bold 16 / 22
<p class="text-bold"></p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Paragraph small 14 / 20
<p class="text-small"></p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Paragraph small bold 14 / 20
<p class="text-small text-bold"></p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Price 20 / 24
.price-default
New price 20 / 24
.price-new
Old price 12 / 24
.price-old
Price big 48 / 51
.price-big
Price big new 48 / 51
.price-big-new
Price big old 20 / 24
.price-big-old
Assistive text 12 / 14
.assistive-text
label text 12 / 14
.label-text
Buttontext 16 / 18
.button-text
.button-text .white
Buttontext disabled 16 / 18
.button-text-disabled
Buttons
Primary
.btn-primary
.btn .btn-primary .disabled
Secondary
.btn-outline-secondary
.btn .btn-primary .disabled
Quantity
.btn .btn-quantity
Inputs
Text Inputs
Textarea
Password
Dropdown