Style Guide

Typography

Menu

Font: Varela Round, Size – 1.2em/21.6px, Weight – 700

Main Content

Font: Varela Round, Size – 18px, Weight – 400

Headings – H1

Font: Lobster
Size – 80px
Weight – 400

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H2

Font: Lora
Size – 50px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H3

Font: Lora
Size – 34px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H4

Font: Varela Round
Size – 28px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H5

Font: Varela Round
Size 22px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Headings – H6

Font: Varela Round
Size – 16px
Weight – 700

Fusce vulputate augue sit amet nunc egestas volutpat.

Buttons

Global Colors

contrast
Ink Color (Sumi-iro)

#27221F

contrast-2

#6B6B6B

base
(Guyabano)

#F8F8F8

base-2
(Magnolia)

#F8F4FF

accent
(Rose garnet)

#960145

accent-2
(Persimmon)

#EC5800

accent-3
(Vivid orange peel)

#FFA000

accent-4
(Avocado)

#568203

accent-5
(Celestial blue)

#4997D0