Style guide
The Wayfare design system
Every color, text style and component in this template. Change a color style or a text style once and the whole site follows, in light and dark mode.
01 / Colors
Sun, sea and sand
Sand
#F5EFE4
Surface
#FCF9F3
Shell
#ECE3D3
Line
#E0D6C4
Ink
#211D16
Body
#4E493F
Muted
#857E70
Night
#211D16
Night Deep
#1A1712
Sun
#FFC94A
Sun Light
#FFD978
Foam
#F5EFE4
02 / Typography
Clash Grotesk and General Sans
Display
Journeys, not tours
Heading 1
Small groups, local guides
Heading 2
Eight places we know by heart
Heading 3
From a rough idea to a packed bag
Heading 4
Travel with a local leader
Quote
The best day of our year.
Lead
Twelve routes across eight countries, led by local guides.
Body
Groups of 12 or fewer, fixed prices and nothing to organize but your bag.
Small
No payment now. We reply within one working day.
Eyebrow
Next departure
03 / Components
Buttons and cards
How do I change the colors?
04 / Brand
Logo and favicon
Wayfare
Wayfare