01. Colors02. Typography3. Component

Colors

Primary - #b154f0

Primary Light - #291151

Body color- #ffffff

Dark Orange- #e77e00

Orange - #ffb300

Dark Turquoise - #1de3eb

Orange Red - #df4c21

Typography

Aa

EXO
Bold

Aa

EXO
Semibold

Aa

EXO
Regular

Headings

The quick brown fox jumps over the lazy dog

H2 - 55PX / 72px - EXO Bold

The quick brown fox jumps over the lazy dog

H3 - 24PX / 36px - EXO Bold

The quick brown fox jumps over the lazy dog

H4 - 20PX / 32px - EXO Bold
The quick brown fox jumps over the lazy dog
H5 - 18PX / 32px - EXO Bold

Paragraphs

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 TEXT - 18PX/ 35px - EXO Noraml

Others

Here is a caption to add on an element.

CAPTION - 14PX/ 32 px - EXO Normal

Here is a label to add to your forms as needed.

LABEL - 16PX/ 32px - EXO Normal

Small text that you'll have on the page maybe for a small description.

SMALL - 14PX/ 28px - EXO Normal
  • Dynamically target high-payoff intellectual capital for customized
  • Interactively procrastinate high-payoff content
  • Credibly reinter mediate backend ideas for cross-platform models
UnOrdered List Item- 16PX/ 30px - EXO Bold
  1. Dynamically target high-payoff intellectual capital for customized
  2. Interactively procrastinate high-payoff content
  3. Credibly reinter mediate backend ideas for cross-platform models
Ordered List Item- 16PX/ 30px - EXO Bold
Text Link
Link Text - 17PX/ 30 px - EXO Normal

Container

Max-Width - 1200px

Block Quote

Block Quote
Block Quote Text - 24PX/ 36px - EXO Blod

Breadcrumbs