01. Grid

02. Colors

Background

R:9 G:16 B:16 – #091010

Heading, Text

R:255 G:255 B:255 – #FFFFFF

Primary

R:241 G:122 B:36 – #F17A24

Secondary

R:14 G:45 B:45 – #0E2D2D

Links

R:255 G:189 B:20 – #FFBD14

Borders

R:25 G:43 B:43 – #192B2B

03. Typography

Poppins
AaZz

Regular

AaZz

SemiBold

Roboto
AaZz

Regular

AaZz

SemiBold

AaZz

Bold


Display
Size: 53px — L-Height: 1.15 (61px)

Display 0

Heading H1
Size: 43px — L-Height: 1.15 (49px)

Heading 1

Heading H2
Size: 34px — L-Height: 1.15 (39px)

Heading 2

Heading H3
Size: 27px — L-Height: 1.15 (31px)

Heading 3

Heading H4
Size: 22px — L-Height: 1.15 (25px)

Heading 4

Heading H5
Size: 17px — L-Height: 1.15 (20px)

Heading 5

Heading H6
Size: 16px — L-Height: 1.15 (16px)

Heading 6

Body / Paragraph
Size: 14px — L-Height: 1.5 (21px)

Whenever I go back to the guest house during the morning to copy out the contract, these gentlemen are still sitting there eating their breakfasts.

Blockquote pariatur commodi enim, nobis voluptate dolorum odit laudantium fugiat cumque voluptate eligendi consequatur!

Anii Johnson

04. Buttons & Media

Primary button Outline color Secondary Default