New seasonal beverages, the warm bakery you remember, and Rewards that turn every visit into a little ceremony. Join us — your usual is waiting.
Eight new ways to slow down. Each one handcrafted, locally sourced where possible, and made for sipping on a patio that's just warming back up.
Join Starbucks Rewards to earn Stars for free food and drinks, anytime. Plus, enjoy birthday rewards, exclusive offers, and the joy of skipping the line on busy mornings.
Pick a size, choose your milk, add a little ceremony. We'll have it ready by the time you walk in.
Strawberry açaí, coconutmilk, and a kiss of caffeine from green coffee extract — a clean lift that tastes like the first warm afternoon of the year.
Hand-illustrated cards for every season and every reason. Each one painted by an artist, not generated — a small thing made with care.
Order ahead in the Starbucks app, earn Stars on every visit, and skip the line on the way to work.
Starbucks's system is disciplined about where each green goes — Starbucks for headings, Accent for CTAs, House for bands, Uplift for decoration. Gold appears only for Rewards ceremony. Below: the tokens behind the café.
A four-tier green system mapped to specific surface roles, gold reserved for Rewards moments, warm-neutral cream as the page canvas. Cool whites appear only on cards and modals.
SoDoSans is the universal voice (substituted here with Inter). Lora steps in for Rewards editorial moments; Kalam appears only for Careers cup-name touches. Tracking stays tight at -0.16px / -0.01em across the system.
| Token | Sample | Size | Weight | Notes |
|---|---|---|---|---|
| --display | Display | 5.0rem / 80px | 500 | Rewards hero |
| --jumbo | Jumbo Headline | 3.6rem / 58px | 500 | Hero secondary |
| --hero-large | Hero Large | 2.8rem / 45px | 500 | Landing headlines |
| --h1 | Brand H1 Heading | 24px | 600 | Starbucks Green |
| --h2 | Section H2 Title | 24px | 400 | Same size, weight + color shift |
| --body-large | Body large intro copy | 19px | 400 | Hero intro / feature |
| --body | Default body copy at 16px | 1.6rem / 16px | 400 | Default body |
| --button-label | Pill button label | 14–16px | 600 | 50px pill |
| --small | Metadata · 14px regular | 1.4rem / 14px | 400 | Captions |
| --rewards-serif | Rewards editorial | varies | 500 | Lora (Lander Tall sub) |
| --cup-script | Hello, Jiang Shu | varies | — | Careers cup-name only |
A small radius vocabulary, rigorously applied: 50px on every button, 12px on cards and modals, 4px on inputs, 50% on the Frap.
The vocabulary is consistent: full-pill buttons with scale(0.95) on press, 4px outlined input rows with floating labels, 12px cards with whisper-soft layered shadows.