01. Colors02. Typography3. Component04. Animation

Colors

Primary Color - #244D4D

Secondary color- #232323

Body color- #595959

Typography

Aa

DM Serif Display
Normal

Aa

Jost
Regular

Headings

Heading 1

H1 - 74PX / 86px - DM Serif Display

Heading 2

H2 - 56PX /66px - DM Serif Display

Heading 3

H3 - 36PX / Auto - DM Serif Display

Heading 4

H4 - 28PX / Auto - DM Serif Display

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.

Paragraphs - 18PX/ 28px - Jost

Others

Text Black

Here is a caption to add on an element.

Caption- 18px/ 28 px - Jost

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

Lable - 18PX/ 28px - Jost

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

Small - 18PX/ 28px - Jost
  • 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/ 28px - Jost
  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
UnOrdered List Item- 18PX/ 28px - Jost
Text Link
Link Text - 18PX/ 28px - Jost
Text White

Container

Max-Width - 1200px

Button

Block Quote

Decoral is one of most popular Interior design are agency for those who wold of try to make adventure provide the best design the pleasure rationall sequences that aextremely painful. Nor again is there every
Block Quote Text - 18PX/ 1.7 - Barlow

Breadcrumbs

Animation

Animation ImageSection Shape Image