Type Sheet · live · wired to tokens
Lazy Vacations — Text Styles
heading ·
{{ heading }}
body ·
{{ body }}
label ·
{{ label }}
Heading font · --font-heading
Lakeside
{{ heading }} — display · sections · titles
Body font · --font-body
Live as it should be.
{{ body }} — leads · paragraphs · captions
Label font · --font-label
Book Now
{{ label }} — eyebrows · buttons · fields
{{ r.name }}
{{ r.spec }}
{{ r.font }}
{{ r.fontName }}
{{ r.sample }}
Link
15 / 600 · teal
body
{{ body }}
Read more · map link
Button
15 / 700 · caps · +.5
label
{{ label }}
Check availability
Input / placeholder
16 / 400 · value vs muted
body
{{ body }}
1 guest
· Add date (placeholder)
Price tag
20 / 700 · on teal
heading
{{ heading }}
$40
In-context elements — nav · fields · tabs
Nav button
label · caps · bordered tint
header — GIFT SHOP
Gift Shop
Nav link
body · grey · dashed (≠ teal Link)
header / footer
House Info
Contact Us
Nav tab
active teal + left-border
page-selector rail (≠ amenity)
ico
Arrival
ico
House
Form field
field label + input box
Name · Email · Message
Name
Dropdown field
label + value + ▾
booking — Guests, dates
Guests
1 guest
▾