CarPIQ V2 Design Tokens
Visual reference of the tokens defined in global.css
Primary colors
Teal (primary)
50
100
200
300
400
500
600
700
800
900
Amber (accent)
50
100
200
300
400
500
600
700
800
900
Semantic colors
bg
#FAFAF9
card
#FFFFFF
ink
#1A1A1A
muted
#6B7280
Typography
Display (Playfair Display)
CarPIQ
Comparator
Car comparison
Which car should I buy?
Which car should I buy?
Body (DM Sans)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.