Style Guide

Typography

DM Sans

abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()

Colors

Name : Brand

Ref : #FD643A

Name : Mid Brand

Ref : #FD8361

Name : Light Brand

Ref : #FFE8E1

Name : Black

Ref : #000000

Name : Dark Grey

Ref : #313035

Name : Medium Grey

Ref : #828185

Name : Light Grey

Ref : #F2F2F2

Name : White

Ref : #FFFFFF

Headings

Tag H1

Heading H1

Tag H2

Heading H2

Tag H3

Heading H3

Paragraphs

Subtitle 1
‍Lorem ipsum dolor sit amet

Subtitle 2
‍Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Text Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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.

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