Style Guide

Primary Palette

BRAND COLOURS
Brand
#35b8be
Light gray
#f5fbfc
Coral (Alerts)
#ff8946

Typography Palette

HEADING & PARAGRAPH
Heading
#191b22
Paragraph
#546285

Typography

Headings

Typography - Manrope

Aa Bb Cc Dd Ee

Heading 1
60px

Aa Bb Cc Dd Ee

Heading 2
55px

Aa Bb Cc Dd Ee

Heading 3
40px

Aa Bb Cc Dd Ee

Heading 4
34px
Aa Bb Cc Dd Ee
Heading 5
28px
Aa Bb Cc Dd Ee
Heading 6
22px

Paragraph

Typography - INTER

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Large
18px

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph Normal
16px

Additional Type

Typography - Inter

This line rendered as bold text.

Bold

This line rendered as italicized text.

Italic

This line of text is meant to be treated as deleted text.

Strikethrough

This line of text is meant to be treated as deleted text.

Underline

You can use the mark tag to highlight text.

Highlight