01. Colors02. Typography03. Component04. Animation

Colors

Primary Color - #c39953

Secondary color- #15110b

Body color- #545049

Typography

Aa

Cormorant

Aa

DM Sans

Headings

Heading 1

H1 - 60PX / 72px - Cormorant

Heading 2

H2 - 38PX /62px - Cormorant

Heading 3

H3 - 22PX / Auto - Cormorant

Heading 4

H4 - 18PX / Auto -Cormorant

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 - 20PX/ 34px - Cormorant

Others

Text Black

Here is a caption to add on an element.

Caption- 16px/ 28 px - Cormorant

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

Lable - 18PX/ 28px - Cormorant

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

Small - 18PX/ 28px - Cormorant
  • 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 - Cormorant
Text Link
Link Text - 18PX/ 28px - Cormorant
Text White

Container

Max-Width - 1200px

Button

Block Quote

It is a long established fact that a reader will be distracted by the read content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more normal distribution
Block Quote Text - 18PX/ 1.7 - cormorant

Breadcrumbs

Animation

Animation ImageSection Shape Image