Style Guide

Primary Palette

BRAND COLOURS
Accent
#f8dc00
Dark Slate Blue
#17449b
Sea Green
#259f76
Light Pink
#f2aab8
Red
#e33a00

Typography Palette

HEADING & PARAGRAPH
Heading
#000000
Paragraph
#000000

Typography

Headings

Typography - Manrope

Aa Bb Cc Dd Ee

Heading 1
60px

Aa Bb Cc Dd Ee

Heading 2
36px

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
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
  1. Lorem ipsum
  2. Dolor sit
  3. Amet consectetur
ordered List & List items
  • Lorem ipsum
  • Dolor sit
  • Amet consectetur
Unordered List & List items
Image