Colors
All colors used in the project
primary
secondary
beige
gradient
Typography
Aa
Aa
Aa
font-family: 'Gilroy', sans-serif;
font-weight: 700;
font-size: clamp(32px, 1.18vw + 27.57px, 48px);
}Heading 1
font-family: 'Gilroy', sans-serif;
font-weight: 700;
font-size: clamp(32px, 0.59vw + 29.78px, 40px);
}Heading 2
font-family: 'Gilroy', sans-serif;
font-weight: 700;
font-size: clamp(24px, 0.59vw + 21.78px, 32px);
}Heading 3
font-family: 'Gilroy', sans-serif;
font-weight: 700;
font-size: clamp(20px, 0.3vw + 18.89px, 24px);
}Heading 4
font-family: 'Gilroy', sans-serif;
font-weight: 700;
font-size: clamp(16px, 0.3vw + 14.89px, 20px);
}Heading 5
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
- List item
- List item
- List item
- List item
Unordered list item
- List item
- List item
- List item
- List item
Checklist item
- List item
- List item
- List item
- List item