The Yoco Web Style Guide

A short introduction about the Yoco Style Guide. orem ipsum dolor sit amet, consectetur adipisicing elit. Qui dicta minus molestiae vel beatae natus eveniet ratione temporibus aperiam harum.

Brand Colours

Yoco Blue
# 20AFE9

Yoco Dark Blue
# 263D52

Yoco Green
# 58CC41

Yoco Black
# 3E3E3E

Yoco Grey
# 5B5B5B

Yoco Light Grey
# EFEFEF

Typography

Uber Headings

52 px

Light, Regular

White

Main Headings

38 px

Light, Regular

Yoco Black, White

Sub Headings

30 px

Light, Regular

Yoco Black, White

Body

18 px

Light, Regular

Yoco Grey, White

Buttons

16 px

Semibold

Yoco Grey, White

Links

14 px

Semibold

Yoco Blue, Yoco Grey

Secondary Links

12 px

Semibold

Yoco Blue, Yoco Grey