TRIP PLANNER · DEV
Design system showcase
TYPOGRAPHY
The trip has a home.
H1 — page title
H2 — section title
H3 — card title
H4 — small heading
Body — default body text at 16px, 1.55 line height. The quick brown fox jumps over the lazy dog.
Body small — secondary copy at 14px.
Caption — 12px labels and timestamps.
OVERLINE · SECTION EYEBROW
BUTTONS
Variants
Sizes
States
With icons
INPUTS
Enter a valid email.
CARDS
Cozy stay in Alfama
3 nights · €120/night · Lisbon
Sunlit apartment with a view over the Tagus. Walking distance to Sé and Castelo de São Jorge.
Flight TK 1456
FRA → LIS · 14 Jun · 10:35
COLOR TOKENS
--bg
--surface
--elevated
--border
--primary
--ring
--success
--warning
--danger
--info
--text
--text-muted
RADII
sm · 6px
md · 10px
button · 12px
card · 16px
pill