Curated Adventure Itineraries
Two fonts create a clear hierarchy between headings and body text.
Fraunces
Variable serif with optical sizing. Used for all headings, the wordmark, and hero text. Bold weight preferred.
Aa Bb Cc Dd Ee
The quick brown fox jumps over the lazy dog
0123456789 !@#$%&*()
DM Sans
Clean geometric sans-serif. Used for body copy, UI elements, labels, buttons, and navigation.
Aa Bb Cc Dd Ee
The quick brown fox jumps over the lazy dog
0123456789 !@#$%&*()
Adventure awaits
Plan your next trip
Day-by-Day Itinerary
Packing List
Discover curated hiking and biking adventures worldwide.
Updated 3 days ago
A nature-inspired palette anchored by deep teal and warm amber.
oklch(0.45 0.12 160)
Deep teal green
oklch(0.7 0.15 45)
Warm amber
oklch(0.2 0.02 60)
Deep warm brown
| Swatch | Token | Value | Usage |
|---|---|---|---|
--primaryPrimary | oklch(0.45 0.12 160) | Deep teal green -- used for buttons, links, and key UI accents | |
--primary-foregroundPrimary Foreground | oklch(0.99 0 0) | Text on primary backgrounds | |
--accentAccent | oklch(0.7 0.15 45) | Warm amber -- used for secondary highlights and badges | |
--backgroundBackground | oklch(0.985 0.002 90) | Page background -- warm off-white | |
--foregroundForeground | oklch(0.2 0.02 60) | Primary text color -- deep warm brown | |
--mutedMuted | oklch(0.94 0.01 90) | Subtle backgrounds for cards and sections | |
--muted-foregroundMuted Foreground | oklch(0.5 0.02 60) | Secondary text and captions | |
--borderBorder | oklch(0.9 0.01 90) | Dividers and card borders |
Guidelines for consistent brand representation.
Do
Don't
Clear Space