Style Guide

Standards and guidelines of this template.

Theme Style

Colors

Brown
#EEC6AB
Light Brown
#F5DFD0
Main Black
#212121
Grey
#B7B7B7
Light Grey
#F7F7F7
Yellow
#FFBA42
Cyan
#83D8D1
Dark Grey
#5F5F5F
White
#FFFFFF
Black
#000000

Typography

Heading Style
Heading 1
Inter Tight - Medium  500
Size 6 REM, Height 1 EM

Heading 1 - Aa Bb Cc

Heading 2
Inter Tight - Medium  500
Size 4 REM, Height 1.1 EM

Heading 2 - Aa Bb Cc

Heading 3
Inter Tight - Medium  500
Size 3 REM, Height 1.1 EM

Heading 3 - Aa Bb Cc

Heading 4
Inter Tight - Medium  500
Size 2.3 REM, Height 1.1 EM

Heading 4 - Aa Bb Cc

Heading 5
Inter Tight - Medium  500
Size 1.3 REM, Height 1 EM
Heading 5 - Aa Bb Cc
Heading 6
Inter Tight - Medium  500
Size 0.9 REM, Height 1 EM
Heading 6 - Aa Bb Cc
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Image Caption Text
Button
Main Button
Button Text
Main Button - Nav Style
Button Text
Link Text
Text Link