Colours

Primary Colors

Home page splash

#425f4b

Collection card background

##3a5347

Background

#FFFFFF

Logo

#F36E21

Secondary Colors

Secondary 1

#FBF9F8

Secondary 2

#F8EDE3

Secondary 3

#FAF6F1

Secondary 3

#FAF6F1

Secondary 3

#FAF6F1

Button Colours

Button 1

#292C32

Button 2

#494A4D

Button 3

#6F7278

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 64px - Normal

Heading H1 - Aa Bb Cc Dd

Heading 1 - 64px - Bold

Heading H2 - Aa Bb Cc Dd

Heading 2 - 48px - Normal

Heading H2 - Aa Bb Cc Dd

Heading 2 - 48px - Bold

Heading H3 - Aa Bb Cc Dd

Heading 3 - 32px - Normal

Heading H3 - Aa Bb Cc Dd

Heading 3 - 32px - Bold

Heading H4 - Aa Bb Cc Dd

Heading 4 - 28px - Normal

Heading H4 - Aa Bb Cc Dd

Heading 4 - 28px - Bold

Heading H5 - Aa Bb Cc Dd

Heading 5 - 24px - Normal

Heading H5 - Aa Bb Cc Dd

Heading 5 - 24px - Bold

Heading H6 - Aa Bb Cc Dd

Heading 6 - 20px - Normal

Heading H6 - Aa Bb Cc Dd

Heading 6 - 20px - Bold

Light Text

Text weight- Light

Medium

Text weight- Medium

Semi-bold

Text weight - Semi-bold

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.

Paragraph Small - 14px - Light

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.

Paragraph Default - 16px - Light

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.

Paragraph Large - 22px - Light

Text block small

Text Block Small- 14px - Normal

Text Centered

Centered

Underlined Text

Underlined Text - Any size

Link - Lorem ipsum dolor sit amet

Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.

Block Quote