Craft
Coffee made with care by many hands, bean to cup. Our reading
Brand book
Hold the greens and the Siren still so everything else can change. Starbucks keeps ordering calm and green and spends its personality on seasonal color, artist-made illustration and playful lines, and it all reads as one brand because a green or the Siren is always there. Our reading
Where a piece sits on the functional-to-expressive dial, set by channel, and the seasonal palette, illustration and photo styling, which evolve with trend each season.
Source: creative.starbucks.com/theorycreative.starbucks.com/colorcreative.starbucks.com/illustration
Read from the wedge angles of the guide's 'Overall Expression' chart on the theory page (the chart's own fills are #1A3C34, #006241, #D3E8E1 and #E5EDEB). Starbucks states no percentages; mobile order and in-store charts are mostly House Green, social mostly art.
The guide's theory charts by channel, from functional to expressive. Starbucks publishes the charts, not levels; the levels are our reading of how much of each chart is art
Our engine's setting, built from their rules.
Cover the Siren. A brand green should still be in the frame, with honest product photography and Sodo Sans, Lander or Pike; if not, it isn't Starbucks yet.
Say where the piece sits between functional and expressive and why. Ordering and wayfinding should be the quietest; if the menu is louder than the social post, it's backwards.
Put another coffee chain's logo on it. If the greens, the Siren-led restraint and the warm, playful line don't feel out of place, it's generic.
Starbucks describes itself as "in the people business serving coffee", not the other way round. Published
Coffee made with care by many hands, bean to cup. Our reading
A moment of human connection with every cup. Our reading
The Siren, the green apron and Pike Place since 1971. Our reading
Something new and delightful every season. Our reading
It's a great day for coffee
So delicious, it’s frightening
A season of treats
Fall is here. Cue the hits.
Starbucks opened in 1971 in Seattle's Pike Place Market; Howard Schultz's trip to Milan led it to become a coffeehouse in 1987. The 2020 creative expression guide refreshes the design system for a global, diverse audience while keeping the core: the Siren, a family of greens rooted in the apron, and a constrained family of typefaces, with coffee and art connecting people and communities.
Rigor in the details, learning and teaching, excellence with passion and creativity (paraphrase).
PublishedHit goals with focus and integrity, keep innovating, exceed expectations (paraphrase).
PublishedHard conversations with respect, audacious ideas, the right thing even when it's hard (paraphrase).
PublishedListen and connect with warmth; dignity and care for every person (paraphrase).
PublishedPride in the work, fun while doing it, celebrating each other (paraphrase).
PublishedCategory. Coffee roaster and coffeehouse company: roasts and sells whole-bean coffee, runs coffeehouses, and sells drinks, food, merchandise and grocery coffee (paraphrase). Published
Not named. Neither the guide nor the About pages name a competitor or a category alternative.
Starbucks opened in 1971 in Seattle's Pike Place Market selling fresh-roasted whole-bean coffee, named after a character in Moby-Dick, with a twin-tailed Siren as its logo. Inspired by Italian cafés, it became a coffeehouse in 1987 and now welcomes millions of customers each week in neighborhoods around the world.
That first sip feeling Published
So much yes Published
Your favorites are back Published
Fall. Season. Long. Published
Yes, PSLease Published
Free refills and fall vibes
The guide doesn't publish taglines or message pillars; its words live in the examples. Lines are short and product-led ('Matcha three ways', 'Your favorites are back') or warm and playful ('That first sip feeling', 'Yes, PSLease'). Mission, values and promises come from about.starbucks.com.
Source: creative.starbucks.com/voicecreative.starbucks.com/case-studiesabout.starbucks.com/missionabout.starbucks.com/about-us
That first sip feeling
Discover our exciting new rewards program benefits today
Quieting the functional parts makes ordering easy and leaves room for the expressive moments to land.





FunctionalExpressive
One voice, two modes. Functional copy is helpful and clear, built for wayfinding and ordering, and 'calls attention to the product—not itself'. Expressive copy is where personality unfurls: a fresh product truth, a passionate coffee story when there's space, a smile even in a few words. The voice page's six examples run from in-store signage to a print ad.
Source: creative.starbucks.comcreative.starbucks.com/voicecreative.starbucks.com/photography
| Functional | wayfinding, ordering, menus, app: clear, helpful, product first |
|---|---|
| Expressive | focal products, rewards, social, print: a fresh product truth, playful wordplay |
| Examples on the page | in-store signage (2), Starbucks Rewards, Instagram, website, print ad |
Source: creative.starbucks.com/voice
Logos shown for reference from Brandfetch, starbucks.com and the guide's logos page. Starbucks and the Siren are trademarks of Starbucks Corporation. The starbucks.com Siren file uses #00704A, not the guide's #006241.
Siren in white on House Green
Siren locked in the old STARBUCKS COFFEE ring
Dropping the ring and the name lets the face carry the brand at any scale, from a cup to a bag cropped to her eyes.





| Marks | Siren; STARBUCKS wordmark (with ®) |
|---|---|
| Preferred | Siren alone |
| Siren colors | Starbucks Green or White |
| Wordmark colors | Starbucks Green, White or Black |
| Clear space | not published |
| Minimum size | not published |
The Siren is 'our muse, the face of our brand'; she and the STARBUCKS wordmark are the most recognizable assets. The preferred use is the Siren alone, unlocked from the wordmark, for prominence and an open, modern look. The page shows each mark's approved grounds and a timeline of four Sirens: 1971 (brown ring, 'Coffee, Tea, Spices'), 1987 and 1992 (green 'Starbucks Coffee' ring) and the current ringless Siren.
Source: creative.starbucks.com/logoscreative.starbucks.com/theory
Matcha three ways
A page flooded Accent Green
When greens carry the brand, the seasonal palette can change completely without the work stopping looking like Starbucks.




| Starbucks Green | #006241 · PMS 3425 · CMYK 100 0 85 42 |
|---|---|
| Accent Green | #00754A · PMS 3415 · CMYK 96 0 88 37 |
| Light Green | #D4E9E2 · PMS 9521 · CMYK 15 0 14 0 |
| House Green | #1E3932 · PMS 560 · CMYK 89 48 73 64 |
| Black | #000000 · PMS Black · CMYK 76 76 82 63 |
| Warm Neutral | #F2F0EB · PMS 9080 · CMYK 2 4 5 2 |
| Cool Neutral | #F9F9F9 · PMS 9062 · CMYK 3 0 3 1 |
| White | #FFFFFF · CMYK 0 0 0 0 |
Hex, PMS and CMYK from the color page's source, 2026-10-29. Seasonal hexes are in kit.palette.extras.
"Our green is iconic": a family of greens rooted in the apron. Eight brand colors with PMS, CMYK and hex: Starbucks Green (primary, brand moments), Accent Green (sparingly), Light Green and House Green (secondary; House Green used like a neutral), Black (type and accents), Warm and Cool Neutral (backgrounds beside warm or cool colors) and White. Expressive colors change by season (Spring, Summer, Nitro, Fall) and are always shown beside the four greens. The hex values sit in the page source; the page shows names, tooltips and swatches.
Not published: a muted text color; a numeric color ratio (the theory chart shows proportions only as wedges); contrast scores.
Source: creative.starbucks.com/colorcreative.starbucks.com/logos
That first sip feeling
YOUR FAVORITES ARE BACK
Your favorites are back
A constrained family keeps every touchpoint coherent; three distinct voices (workhorse sans, warm serif, condensed caps) cover functional to expressive without adding faces.



| Their face | Use | License | Open stand-in |
|---|---|---|---|
| Sodo Sans | Most versatile face; headlines on the web, body copy everywhere | Proprietary to Starbucks; the guide self-hosts it (SoDoSans-*.woff2) and publishes no licence | Plus Jakarta Sans Calibrated against SoDoSans on starbucks.com (2026-10-29): 98-102.5% line width and 101-108% ink at the site's own sizes and weights; best of 23 open candidates. Tracking -0.05px mixed case, 1.3px uppercase nav. |
| Sodo Sans | Body copy, product facts, labels | Proprietary to Starbucks; no licence published | Plus Jakarta Sans Calibrated against SoDoSans on starbucks.com (2026-10-29): 98-102.5% line width and 101-108% ink at the site's own sizes and weights; best of 23 open candidates. Tracking -0.05px mixed case, 1.3px uppercase nav. |
| Lander (Lander Grande, Lander Tall) | Accent for expressive moments: Rewards, Reserve, coffee stories | Proprietary to Starbucks; no licence published | Source Serif 4 Open serif with Light to Black weights; candidate only. |
| Pike | Functional headlines and wayfinding, in spaced capitals | Proprietary to Starbucks; no licence published | Oswald Open condensed sans with Light, Regular and Bold; candidate only. |
| Sodo Sans | Thin, Light, Regular, SemiBold, Bold, Black |
|---|---|
| Lander | Thin, Light, Regular, SemiBold, Bold, Black (Grande and Tall cuts) |
| Pike | Light, Regular, Bold |
| Specimen sizes | Small, Medium, Large (no point sizes published) |
Weights from the typography page; cut names from the guide's own font files, 2026-10-29.
Three faces 'with endless possibilities': Sodo Sans (most versatile, frequently body copy; Thin to Black), Lander (serif accent for expressive moments; Thin to Black; served as Lander Grande and Lander Tall) and Pike (condensed, impactful, for functional headlines and wayfinding; Light, Regular, Bold). The guide is moving away from hand-lettering, with custom modifications to these faces where an artful touch is needed. Each face has an interactive specimen with Small, Medium and Large sizes.
Not published: a type scale in points or pixels; line height and tracking rules; which face to use for web headlines.
Source: creative.starbucks.com/typographycreative.starbucks.com/voice
No icon chapter.

No icon chapter. The functional end of the illustration range shows simple single-weight line drawings of brewing tools (pour-over, siphon) in White on Starbucks Green, also used in the theory examples.
Not published: icon grid; stroke weight; icon sizes.
Source: creative.starbucks.com/illustrationcreative.starbucks.com/theory
Hand-made art on Reserve cards, cups and gift cards is where Starbucks gets to be a patron of artists, which keeps the coffee story human.




| Range | functional (line icons) to expressive (full-color art) |
|---|---|
| Restrained | email, menus, in-store signage, advertising, social |
| Vibrant | art, merchandise, packaging |
| Content | coffee or heritage |
Illustration, 'layered and storied with evidence from the artist's hand', has brought the coffees to life for decades. Content relates back to coffee or heritage; texture, photo collage, composition and graphic details give a custom feel. House greens needn't be in every illustration, but their presence in the setting should be considered. The range runs from playful-yet-restrained (email, menus, in-store signage, advertising, social) to colorful and vibrant (art, merchandise, packaging).
Consistent glassware, shadows and grounds let one product shot serve every menu and channel; honest styling keeps it craveable without looking fake.





| Product grounds | House Green or a light neutral (guide examples) |
|---|---|
| Glassware | pint glass cold; glass mug hot; tall narrow glass for iced tea and Refreshers |
| Shadows | graphic |
| Light (studio) | soft, directional, warm |
| People | sparingly, with intention |
Published on the photography page; examples are its own images, 2026-10-29.
Photography is honest: product beautiful and believable, people authentic and relatable. Product shots live in a modular system so products swap easily (menus, digital, signage, advertising, social), on House Green or a light neutral. Editorial photography (partner, barista, farmer, brand and social-impact stories) is studio (artful, warm directional light) or environmental ('attainable cool').
Not published: creative.starbucks.com/motion/ is a 404 and no page gives motion rules.
Not published: creative.starbucks.com/motion/ is a 404 and no page gives motion rules. The only motion in the guide is in its examples: a ~3s looping coffee boomerang video on the photography page and short animated GIFs (0.8-3.2s, 5-24 frames) among the illustration and case-study images, with a hand-made, stop-motion feel.
Not published: easing curves; durations; transitions; reduced-motion guidance.
Source: creative.starbucks.com/photographycreative.starbucks.com/illustrationcreative.starbucks.com/case-studies
Do Each row is half full-bleed product photo, half solid #006242 with centered white type and a white outline pill. Photo side alternates left, right, left, right. 32px white gap between rows. Above 1440 the rows stop at the 1440 column.. The page is built from repeats of it; one row per message.
Alternating green-and-photo rows · the whole starbucks.com homepage body: four rows after the announcement strip
Fall. Season. Long.
Fall. Season. Long.
A brand green is always in the frame · every piece, including every seasonal one: the guide says brand greens appear either in the composition or through the Siren logo
The Siren in white on House Green
Siren locked inside the old STARBUCKS COFFEE ring
The Siren on her own · the preferred logo use everywhere; on packaging the Siren is scaled up past the edge (the paper bag and cup sleeve in the theory examples)
Matcha three ways
Order ahead! Pick up fast! New flavors inside!
One dial from functional to expressive · set per channel: Mobile Order & Pay and in-store menus sit at the functional end, email in the middle, social at the expressive end (theory page charts)
Specimens use sample copy, not Starbucks’s.
The guide has no layout chapter. starbucks.com (2026-10-29) builds its homepage from one move: half-photo, half-green rows. A white nav, a green announcement strip, four 50/50 rows alternating photo left and right on #006242 with centered white type and one white outline pill each, a small-print footnote, a white five-column footer. 32px of white separates every band, and the content stops at a 1440px column. In the guide's own examples, functional pieces (menus, signage, mobile order) stack a centered headline over product photos on House Green; expressive pieces let illustration fill the frame with the Siren small in a corner.
Measured from starbucks.com's computed styles and bounding boxes of every element at 390, 768, 1024, 1280, 1440 and 1920 px wide, with the cookie notice accepted, on 2026-10-29.
| Measure | Desktop | Phone |
|---|---|---|
| Page margin | 40px | 16px |
| Navigation | 100px | 100px |
Feature headline (h1 in row 1, h2 in rows 2-4)
Sodo Sans · 24px (phone 22) · line 1.4 · tracking -0.24px · weight 600
Feature body
Sodo Sans · 19px (phone 16) · line 1.75 · tracking -0.19px · weight 400
Announcement line
Sodo Sans · 19px (phone 16) · line 1.75 · tracking -0.19px · weight 600
Announcement button
Sodo Sans · 19px (phone 16) · line 1.75 · tracking -0.19px · weight 400
Feature button
Sodo Sans · 16px (phone 14) · line 1.2 · tracking -0.16px · weight 600
Nav link
Sodo Sans · 14px · line 1.5 · tracking 1.4px · weight 700
Nav utility (Find a café) and nav buttons
Sodo Sans · 14px · line 1.2 · tracking -0.16px · weight 600
Footnote
Sodo Sans · 14px (phone 13) · line 1.8 · tracking -0.14px · weight 400
Footer column heading
Sodo Sans · 19px (phone 16) · line 1.29 · tracking -0.16px · weight 400
Footer link
Sodo Sans · 16px · line 1.5 · tracking -0.16px · weight 400
Copyright
Sodo Sans · 14px · line 1.5 · tracking -0.16px · weight 400
How Starbucks’s own landing pages are built, observed on starbucks.com, 2026-10-29. The full measurements are in spec.md.
Source: starbucks.comcreative.starbucks.com/theorycreative.starbucks.com/voicecreative.starbucks.com/photography







One soft idea (a cloud) runs from the menu to social to merch, while the greens keep it unmistakably Starbucks. Our reading
Playful lines and collage make each drink feel like an event without losing the product-first menu. Our reading
A distinct sub-palette lets one product line own its own look inside the green system. Our reading
The most famous seasonal moment gets the loudest palette and wordplay, while ordering stays functional. Our reading
How our engine applies Starbucks' system to each format. This is our recipe from their rules and examples, not something Starbucks publishes. Level = how far toward the expressive end of the guide's dial.
| Format | What they did | Source |
|---|---|---|
| menu board | Three-panel menu (Espresso & coffee, Iced cold brew, Wildly chill) on House Green with product photos | creative.starbucks.com/theory |
| mobile order app | Nitro cold brew card with pill buttons 'Details' and 'Messages', and a full-width 'Order' pill | creative.starbucks.com/theory |
| packaging | Kraft paper bag and cup sleeve with the Siren cropped large in House Green; white hot cups with the Siren; printed tissue paper | creative.starbucks.com/theory |
| gift cards | Floral hummingbird, 'Love your drink', 'Thank you!' and leaf-pattern cards with the Siren in a white corner panel | creative.starbucks.com/theory |
| Reserve cards | Kenya Rungeto and Papua New Guinea Solwara small-lot coffee cards with full-color art | creative.starbucks.com/theory |
| email / Rewards | 'Welcome to Starbucks Rewards!' with hands holding coffee beans; 'Good morning' Rewards star progress screen | creative.starbucks.com/theory |
| social | Instagram posts: the Starbucks zodiac wheel, Cloud Macchiato on a cloud; animated GIFs | creative.starbucks.com/voice |
| website | 'Your favorites are back' banner on Light Green with the link 'Awww yes' | creative.starbucks.com/voice |
| print ad | 'So much yes': three summer drinks on peach and Starbucks Green | creative.starbucks.com/voice |
| merch | Cold cups and tumblers in seasonal illustration; Nitro T-shirts; stickers | creative.starbucks.com/case-studies |
| catering | Lunch trifold menu on Light Green with a food photo | creative.starbucks.com/theory |
| Format | Loudness | Must appear | What varies |
|---|---|---|---|
| Landing page | White 100px nav with the Siren alone, four uppercase links and a black Join now pill; a Starbucks Green strip; alternating half-photo, half-green rows with centered white type and white outline pills; 32px white between bands; white footer with five link columns | how many rows, which photos, which seasonal story the rows tell | |
| Deck | House Green and white slides, Sodo Sans, one brand green on every slide, the Siren as sign-off | one seasonal palette for section dividers | |
| Proposal page | Functional end: clear Sodo Sans, House Green or white grounds, product-first | one Lander line for the opening | |
| Menu / in-store signage | Pike capitals headline, product row on House Green, name, size, price and calories | a seasonal accent shape | |
| Ad | One product truth, the product photo, a brand green or the Siren | seasonal palette and wordplay | |
| Social post | Art or product first, the Siren or a green present | full seasonal palette, illustration, short loops | |
| Functional header and pill CTA; expressive hero | illustration or seasonal color in the hero |
Source: creative.starbucks.com/colorcreative.starbucks.com/logoscreative.starbucks.com/typographycreative.starbucks.com/theorycreative.starbucks.com/photography
Your name and logo, Starbucks’s system.
Use this kit for my brand Use this brand in Claude
Get your brand audit Put your brand in Claude What goes in a brand book
Each value is marked published, observed, our reading or our recipe, with its source. Checked 2026-10-29. Not affiliated with Starbucks.