Book Test Ride

DesiGn guideline

Colors

A harmonious palette to maintain visual consistency across the website.

Primary
Primary 100
Primary 300
Primary 500
Primary 700
Primary 900
Secondary
Secondary 100
Secondary 300
Secondary 500
Secondary 700
Secondary 900
Neutral
Neutral 100
Neutral 300
Neutral 500
Neutral 700
Neutral 900
State
Error
Warning
Info
Success
Elements
Main Background
Dark Background
Light Background
Border

Typography

Defined font styles to enhance readability and brand identity.

Heading
H1

Viewing quizzical abstracts mixed up hefty jocks

H2

My girl wove six dozen plaid jackets before she quit

H3

Monsieur jack, vous dactylographiez bien mieux que votre ami wolf

H4

John quickly extemporized five tow bags

H5
Pack my box with five dozen liquor jugs
H6
Bright vixens jump; dozy fowl quack
Body
Small

Curabitur non est sed urna facilisis aliquam. Pellentesque vel commodo ex, eget tristique augue. Quisque pharetra bibendum elit eget commodo. Ut eu imperdiet massa

Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce scelerisque tellus vitae lorem laoreet, nec dapibus ex vehicula. Etiam malesuada justo non molestie sollicitudin

Large

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus adipiscing elit. Fusce scelerisque tellus vitae.

UI Elements

Standardized components to create a seamless user experience.

Button
Button Size
Extra large
Large
Medium
Small
Extra Small
Button Type
Primary
Secondary
Button Icon
Leading
Trailing
Counter
Google Reviews
0
Finished Work
0 K
Years of Experience
0
Experts Team
0 +
Satisfied Clients
0

Form

Structured layouts for clear and intuitive user input.

Default
On Dark