Colors

All colors used in the project

primary
secondary
beige
gradient

Typography

Aa

PT Sans Regular

Aa

PT Sans Bold

Aa

Gilroy Bold
h1 { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: clamp(32px, 1.18vw + 27.57px, 48px); }

Heading 1

h2 { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: clamp(32px, 0.59vw + 29.78px, 40px); }

Heading 2

h3 { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: clamp(24px, 0.59vw + 21.78px, 32px); }

Heading 3

h4 { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: clamp(20px, 0.3vw + 18.89px, 24px); }

Heading 4

h5 { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: clamp(16px, 0.3vw + 14.89px, 20px); }
Heading 5
h6 { font-family: 'Gilroy', sans-serif; font-weight: 700; font-size: clamp(16px, 0.3vw + 14.89px, 20px); }
Heading 6

Extra large body

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque.

Large body

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque.

Default body

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque.

Small body

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque.

Subhead

Lorem ipsum dolor sit amet.

Ordered list item

  1. List item
  2. List item
  3. List item
  4. List item

Unordered list item

  • List item
  • List item
  • List item
  • List item

Checklist item

  • List item
  • List item
  • List item
  • List item

System icons

link

arrow-left

house1

clock

room

arrow-up

linkedin

instagram

share

bedroom

calendar

clock-alt

gallery

mail, envelope

location

arrow-right

info

pause

plus

minus

account

close

facebook

search

grid

calculator

voicerecord

chevron-down

whatsapp

filter

sort

loading-2

fullscreen

chevron-left

usp

check

loading

phone

play

chevron-right

youtube

livearea

360graden

views

star

label

livearea2

twitter

pinterest

plus-page

calc

zoom-in

blueprint

building

car

door

handshake

house

house-alt

house-search

house-finance

house-page

inbox

key

key-tag

man

woman

marker

marker-house

marker-torch

marker-o-fill

marker-o-alt

marker-o

neighbourhood

phone-call

play-circle

sale-sign

slide

team

torch

square

vr-glasses

exclusive

edit

mobile-phone

chevron-up

loop

car-alt

parcel

Forms

Input fields

Default state
Disabled state
Readonly state
Notched state

Checkboxes and radios

Stacked checkboxes

Stacked radios

Inline variations