What it decides for you

• Build on a deep espresso-brown canvas with a slightly lifted roast-brown surface, and keep all body and meta copy in a warm cream so the page reads soft and tactile rather than stark.
• Reserve the caramel accent for the single most important action in each block — the primary button, the active subscription plan, a price — and use the muted mocha secondary for quieter chrome and supporting tags.
• Set headlines in a high-contrast display serif with tight tracking for a hand-crafted feel, and pair it with a clean neutral sans for product details, prices, and navigation.
• Treat every coffee like a single origin: pair the bag photo with an origin line, a roast-level chip, two or three tasting notes, and a clear price plus one-tap add.
• Use generous rounded corners (16px) and soft warm borders instead of hard shadows, and let product photos breathe inside cream or tinted blocks so nothing feels cramped.
• Lead retail and subscription as equals: a shoppable bag grid for one-off buys and a clear three-tier plan row for recurring delivery, each with its own perks and price.

Ships with

Design tokens