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
Regular
SemiBold
Roboto
Regular
SemiBold
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