Style guide
Design system
Typography, colour and component styles used across the Avontiv template.
Typography
Heading 1 — Chakra Petch 500
Top-quality service
Heading 2 — Chakra Petch 500
Premium car detailing
Heading 3 — Chakra Petch 500
Interior deep cleaning
Heading 4 — Chakra Petch 500
Doorstep detailing
Body — Inter Tight 400
Thousands of vehicles cleaned and detailed with precision, delivering spotless finishes and long lasting shine.
Eyebrow — Inter Tight 400Discover the passion and expertise behind Avontiv
Colour
Reddish orange — #FF4D24
Surface — #0C0C0C
Charcoal brown — #1F1915
Soft light gray — #E8E8E8
Dark gray — #4D4D4D
White — #FFFFFF
Black — #000000
Gradient — surface to accent
Buttons & links
Components
Service card
Cards use a 1px hairline border and a dark surface so imagery stays the focus.
Answers open inline without leaving the page.
Second answer.
Spacing & layout
Container
1320px maximum width, 15px gutter.
Section padding
7.65rem small gap and 8.25rem large gap, scaled for mobile.
Grid gap
15px between cards and media blocks.
Book your appointment today
Upgrade your ride!
Give your vehicle the care it deserves with our professional cleaning and detailing services.