Style Guide

Standards and guidelines of this template.

Colors

White
#FFFFFF
Black
#000000
Light Grey
#EBEBEB
Grey
#7F7F7F
Black Item
#333333
Black Bg
#191919
Red
#DE3D2D

Typography

Heading Style
Heading 1
DM Sans - 500 Medium
Size 14 REM, Height 13 REM

Heading 1 - Aa Bb Cc

Heading 2
DM Sans - 500 Medium
Size 8.5 REM, Height 8 REM

Heading 2 - Aa Bb Cc

Heading 3
DM Sans - 500 Medium
Size 5.5 REM, Height 6 REM

Heading 3 - Aa Bb Cc

Heading 4
DM Sans - 500 Medium
Size 3.5 REM, Height 4 REM

Heading 4 - Aa Bb Cc

Heading 5
DM Sans - 500 Medium
Size 2 REM, Height 2 EM
Heading 5 - Aa Bb Cc
Heading 6
DM Sans - 600 Semi Bold
Size 1.1 REM, Height 1.2 REM
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

Caption
Button & Link
Header Link
Link Underline
Icon Link Underline
Checkout Button
Button Text