01. Colors02. Typography3. Component04. Animation

Colors

Primary - #273D7A

Secondary color- #67B930

Body color- #5d5f6c

Typography

Aa

Archivo
Bold

Aa

Archivo
Semi Bold

Aa

Archivo
Medium

Aa

Archivo
Regular

Headings

Heading 1

H1 - 68PX / 72px - Archivo

Heading 2

H2 - 43PX /58px - Archivo

Heading 3

H3 - 25PX / Auto - Archivo

Heading 4

H4 - 18PX / 24px - Archivo

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 - 17PX/ 30px - Archivo

Others

Text Black

Here is a caption to add on an element.

CAPTION - 16PX/ 30 px - Archivo

Here is a caption to add on an element.

CAPTION - 16PX/ 30 px - Archivo

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

LABEL - 16PX/ 30px - Archivo

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

SMALL - 16PX/ 30px - Archivo
  • 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- 18PX/ 32px - Archivo
  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- 18PX/ 32px - Archivo
Text Link
Link Text - 16PX/ 30 px - Archivo
Text White

Container

Max-Width - 1200px

Block Quote

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.
Block Quote Text - 18PX/ 1.7 - Barlow

Breadcrumbs

Animation

Animation ImageSection Shape Image