01. Colors02. Typography03. Component

Colors

Primary Color - #FF7A01

Secondary Color - #598989

Body Color - #081120

Heading Color - #081120

Typography

Fonts

Font Family: Outfit

Headings

Heading h1

H1 - 60px/66px - 500 - Outfit

Heading h2

H2 - 46px/55.2px - 500 - Outfit

Heading h3

H3 - 26px/36.4px - 500 - Outfit

Heading h4

H4 - 22px/32px - 500 - Outfit
Heading h5
H5 - 20px/30px - 500 - Outfit
Heading h6
H6 - 18px/28px - 500 - Outfit

Others

Body

Body Typography

- 18px/27px - 400 - Outfit

Paragraph Default

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/27px - 400 - Outfit

Link

Text Link
Text Link - 18px/27px - 400 - Outfit

List

  • Lorem Ipsum is simply dummy text of print.
List - 22px/30.8px - 500 - Outfit

Container

Max-Width - 1200px

Button

Button Primary - 16px/24px - 500- Outfit
Button Secondary - 16px/24px - 500- Outfit
Button Outline - 16px/24px - 500- Outfit
Button With Icon - 16px/24px - 500- Outfit
Button Outline With Icon - 16px/24px - 500- Outfit
Link Button- 16px/24px - 500 - Outfit

Section Title

Section Subtile

Section Title

Involves building or renovating homes, apartments, and other residential structures.

Section Subtile

Section Title

Involves building or renovating homes, apartments, and other residential structures.

Section Subtile

Section Title

Involves building or renovating homes, apartments, and other residential structures.

Block Quote

Our constructions aren't just architectural feats; they're legacies, standing tall as testaments to our unwavering commitment to excellence and progress.