Color Palette

Primary

#b2a7f7

Secondary

#505050

Dark

#111111

Text Color

#505050

Heading Color

#111111

Menu Link Color

#333333

Color Tints

#b2a7f7
#f2effe
#f2effe
#fd6b63
#ffc1bc
#ffe6e4
#fcc496
#ffdecb
#fef4ec

Color Tints

#000000
#111111
#282828
#404040
#575757
#707070
#878787
#9f9f9f
#b7b7b7
#cfcfcf
#e6e6e6
#ffffff

Typography

Aa

KyivType Sans
  • Regular

Aa

'Roboto', sans-serif
  • Light
  • Regular
  • Medium
  • Bold
H1
KyivType Sans
400
Font Size: 3.75rem
Line Height: 1.3
Font Color: #111111

The quick brown fox jumps over the lazy dog.

H2
KyivType Sans
400
Font Size: 2.5rem
Line Height: 1.3
Font Color: #111111

The quick brown fox jumps over the lazy dog.

H3
KyivType Sans
400
Font Size: 1.875rem
Line Height: 1.3
Font Color: #111111

The quick brown fox jumps over the lazy dog.

H4
KyivType Sans
400
Font Size: 1.25rem
Line Height: 1.3
Font Color: #111111

The quick brown fox jumps over the lazy dog.

H5
KyivType Sans
400
Font Size: 1rem
Line Height: 1.3
Font Color: #111111
The quick brown fox jumps over the lazy dog.
H6
KyivType Sans
400
Font Size: 0.875rem
Line Height: 1.3
Font Color: #111111
The quick brown fox jumps over the lazy dog.
Paragraph Lead
'Roboto', sans-serif
normal
Font Weight: 300
Font Size: 16px
Line Height: 1.5
Font Color: #505050

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. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph
'Roboto', sans-serif
normal
Font Weight: 300
Font Size: 16px
Line Height: 1.5
Font Color: #505050

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. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph Text Link
'Roboto', sans-serif
normal
Font Weight: 300
Font Size: 16px
Line Height: 1.5
Font Color: #505050

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Normal Button
Large Button
Small Button

btn-link

add to bag
Form Floating
Basic Form