Visual Styleguide
Last updated 01/05/2018

Brand colors

Main colors

Main colors are used for background sections and highlight headings and scribbles.

#00b1a7
#8fcdd6
#e7695e
#fad46e

Secondary colors

Secondary colors can be used for subtle interface elements such as dividing lines, text and also as a background of sections.

#f6f2e9
#f7f7f7
#cccccc
#6b6d70
#000000

Type colors

Titles can use a combination of main and highlight colors depending on the choice of background.

Black title white highlight
Black title White highlight
White title Turquoise highlight
black title red highlight
blue title black highlight

Typography

Social Gothic

The sans-serif Social Gothic is a bold, clean and legible font to be used in headlines to deliver a strong and meaningful message.
download link

cover title . 92px

H2 Section title . 85px

H3 Section title . 37px

Handsean Pro

The hand drawn font gives a more human and hand-made feel to the identity. It can be used for quotes and in combination with the bold headlines and scribbles.

Heading 2 hand . 65px

"This is a quote" . 45px

Noto Sans

Noto Sans is a modern Sans Serif with a geometrical touch, optimised for legibility. The typeface should be used for all body text and section titles.
download link

This is a section title . 16px

Heading 4 . 22px

Heading 5 . 14px
This is a paragraph style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 20px
This is a paragraph style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px

Icons