Brand Guidelines
Brand Colours
Primary
Name: Pink 50
Hex: #fdf0f8
RGB: rgb(253, 242, 248)
HSL: 323°, 76%, 97%
Name: Pink 500
Hex: #ed64a6
RGB: rgb(237, 100, 166)
HSL: 331°, 79%, 66%
Name: Pink 600
Hex: #d53f8c
RGB: rgb(213, 63, 140)
HSL: 329°, 64%, 54%
Name: Gray 800
Hex: #2d3748
RGB: rgb(45, 55, 72)
HSL: 218°, 23%, 23%
Brand Typography
Cera Pro™ Bold
.text-sm: font-bold
The quick brown fox jumped over the lazy dog.
.text-base: font-bold
The quick brown fox jumped over the lazy dog.
.text-lg: font-bold
The quick brown fox jumped over the lazy dog.
.text-xl: font-bold
The quick brown fox jumped over the lazy dog.
.text-2xl: font-bold
The quick brown fox jumped over the lazy dog.
Cera Pro™ Medium
.text-sm: font-medium
The quick brown fox jumped over the lazy dog.
.text-base: font-medium
The quick brown fox jumped over the lazy dog.
.text-lg: font-medium
The quick brown fox jumped over the lazy dog.
.text-xl: font-medium
The quick brown fox jumped over the lazy dog.
.text-2xl: font-medium
The quick brown fox jumped over the lazy dog.
Cera Pro™ Regular
.text-sm: font-normal
The quick brown fox jumped over the lazy dog.
.text-base: font-normal
The quick brown fox jumped over the lazy dog.
.text-lg: font-normal
The quick brown fox jumped over the lazy dog.
.text-xl: font-normal
The quick brown fox jumped over the lazy dog.
.text-2xl: font-normal
The quick brown fox jumped over the lazy dog.
Cera Pro Copyright 2015 © Jakob Runge All Rights Reserved. (11.2015 TypeMates): typemates.com/de/fonts/cera-pro
N.B. Cera Pro is licensed via myfonts.com. The EULA can be found here: myfonts.com/viewlicense.php?lid=1630.
Brand Logos
Icon
Positive
Single Color Positive
Reversed
Single Color Reversed
Icon & Wordmark
Positive
Single Color Positive
Reversed
Single Color Reversed
Style Guide Reference
