Style guide

Manage the look and feel of the entire website from our style guide. Style and components used on the site are documented here, and any changes made will be immediately visible across all pages.

Colors

The primary colors and shades of gray used on the website are managed through the Carent design tokens.

Primary 1
Black
Gray 1
Gray 2
Gray 3
Gray 4
Gray 5
White

Typography

Headings use a tight, condensed scale; body copy stays at 16px with a relaxed line height.

Display heading

Section heading

Body copy is set at 16px with a 1.6 line height so long descriptions on car detail pages stay readable on every screen.

Buttons

Primary actions use the yellow accent; secondary actions use an outlined treatment.