01. Colors02. Typography03. Component

Colors

Primary Color - #DB7137

Secondary Color - #252525

Body Color - #5A5E63

Typography

Aa

DM Sans

Aa

Prata

Headings

Heading h1

H1 - 100px/120px - 400 - Prata

Heading h2

H2 - 60px/80px - 400 - Prata

Heading h3

H3 - 24px/33px - 400 - Prata

Heading h4

H4 - 18px/30px - 400 - Prata

Others

Body

Body Typography

18px/26px - 400 - DM Sans

Paragraph

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.

P - 18px/30px - 400 - DM Sans

Link

Text Link
Text Link - 18px/26px - 500 - DM Sans

Section Sub Title

Section Sub Title
Text Block - 18px/24px - 700 - DM Sans

List

  • Lorem Ipsum is simply dummy text of print.
List - 18px/30px - 400 - DM Sans

Container

Max-Width - 1320px

Button

Button Text
Button Primary - 16px/20px - 500 - DM Sans
Button Secondary With Icon - 16px/20px - 500 - DM Sans
Learn More
Button Outline - 16px/22px - 500 - DM Sans

Block Quote

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.