Logos
Primary Logo
Secondary Logo
Accent Logo
Light Logo
Dark Logo
Colors
Our primary color is Heatstroke. It is supported by Blue Opal, Verditer, Cool December.
Heatstroke
Primary
#ff7a8a
RGB 255, 122, 138
CMYK 0, 52, 46, 0
Blue Opal
Secondary
#113a5d
RGB 17, 58, 93
CMYK 82, 38, 0, 64
Verditer
Accent
#00bfa6
RGB 0, 191, 166
CMYK 100, 0, 13, 25
Cool December
Surface
#fdfaf9
RGB 253, 250, 249
CMYK 0, 1, 2, 1
Fonts
Aa
Libre Baskerville Regular
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
Aa
Josefin Sans
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
Typographic Scale
Our typographic scale is built on the Major third ratio, which has a scale factor of 1.250. It ensures our text will look harmonious and avoids scenarios where it's hard to tell our headings apart.
h1 3.05em (48.828px)
Lorem ipsum
h2 2.44em (39.063px)
Lorem ipsum dolor
h3 1.95em (31.25px)
Lorem ipsum dolor sit amet
h4 1.56em (25px)
Lorem ipsum dolor sit amet, consectetur adipiscing
h5 1.25em (20px)
Lorem ipsum dolor sit amet, consectetur adipiscing
Body text 1em (16px)
Lorem ipsum dolor sit amet, consectetur adipiscing
Caption text 0.8em (12.8px)
Lorem ipsum dolor sit amet, consectetur adipiscing
Small print 0.64em (10.24px)
Lorem ipsum dolor sit amet, consectetur adipiscing
Photos Assets
This is a set of pre-made assets to use
