Taste The Sweet Spot · reference library · 16 Sep 2026

What the best
ecom books
actually look like.

Real public brand decks we can steal structure from. Glossier / Oatly / Allbirds / Liquid Death / Olipop do not publish theirs — ignore the Pinterest PDFs.

Pulled for the massive TTSS book. Local copies of two PDFs live in this folder. Everything else is a live HTML book — open it, then tell me which chapter to build next.

01 · CPG / product brands (closest to TTSS)

HTML

OKO — kitchen CPG

live.standards.site/oko

Gander 2024. Positioning, voice with THIS/NOT THAT lines, logo, color, type, illustration, pattern, photography, packaging, application. The section list we should copy.

HTML

Cadence — wellness / lifestyle

live.standards.site/keepyourcadence2024

Five chapters only: Framework · Voice · Graphic identity · Brand photography · The Showcase. Showcase = real pieces working together. TTSS has shot IDs, not a showcase.

HTML

Happy Viking — supplements

live.standards.site/happyviking2023 · Gander case

Venus Williams protein. Flavor-anchored color system. Pack leads with experience photography, not ingredient dump. Personality in clusters (Brave / Knowledgeable / Authentic / Optimistic).

HTML

Toom — garlic dip CPG

live.standards.site/toom

Category-adjacent snack energy. Positioning, personality, voice, headlines, logo on color, scaling. Small brand, complete book. Good length target.

HTML

Botanica Elixirs

live.standards.site/botanicaelixirs

Voice rules for slang / emoji / social. Tiny, but the “how we sound on IG vs email” split is missing from TTSS.

HTML

Choco Latté

live.standards.site/choco-latte

Four-color function map (hero / contrast / backgrounds). Logo min sizes in px and inches. Type don’ts (leading, tracking, effects).

HTML

The Ultimate Human — wellness

live.standards.site/theultimatehuman

Color proportion: primary vs secondary applications. “Signature color only for headlines.” TTSS chartreuse needs this rule written.

PDF local

Athletic Brewing — claims, not pretty

pdfs/athletic-brewing-claims.pdf

What CPG actually publishes to talent: banned phrases (“healthy”, “alcohol-free”), nutrition lock, FTC influencer disclosure, trademark as adjective. This is the missing TTSS legal chapter.

02 · Best living HTML books (structure to copy)

HTML

Headspace

live.standards.site/headspace

Gold standard. Voice, logo, color, type, UI, illustration, photography, layouts, motion, accessibility, applications. Illustration tied to emotional state. Accessibility is its own chapter.

HTML

Klarna

brand.klarna.com · How we speak · How we look

Opens as a campaign. Pink is the positioning, not a swatch. Billboard / product / still life all argue the same color. Closest analog for TTSS magenta.

HTML

Dropbox

brand.dropbox.com

Framework, voice, logo, type, iconography, color, imagery, motion. Motion as a first-class section.

HTML

Uber

brand.uber.com

Nine elements + “most requested assets” on screen one. Downloads before philosophy.

HTML

Mailchimp voice

styleguide.mailchimp.com · logo kit

Voice is constant. Tone changes by situation (success, something broke, legal). Adjective lists are useless. Write TTSS as homepage / PDP / pack / influencer / delay.

HTML

Shopify brand assets

shopify.com/brand-assets

Pictured don’ts: stretch, rotate, old logo, busy background, low contrast, gradients, stack, custom version. Clearspace + min size. Ecommerce-native.

HTML

Discord

discord.com/branding

One color (Blurple). Do/don’t legal. Symbol vs wordmark when the brand is already established. Short and finishable.

HTML

Duolingo

design.duolingo.com

Character personality rules, not pose sheets. What Duo would / would not do. Map onto Mia / Jordan / Sol.

HTML

Asana

asana.com/brand

One dated PDF + web summary. Version on the file (FY27). Put a date on every TTSS ship.

HTML

Netflix / IBM / Atlassian / Mozilla

brand.netflix.com · IBM Design Language · atlassian.design · brand.mozilla.com

Single-mark discipline, open type systems, design tokens, published reasoning. Steal governance, not look.

HTML

Spotify partner (narrow)

developer.spotify.com/documentation/design

How to lock one color across thousands of third-party surfaces. Over-document the one thing you cannot afford to have misused (TTSS: bottle type / Soona pixels).

03 · Agency case studies (DTC that never published a book)

Case

Allbirds — Red Antler

redantler.com/work/allbirds

Naming and positioning before the logotype. No official book exists. Student PDFs are fakes.

Case

Casper — Red Antler

redantler.com/work/casper

Refused coil-count language. Wrote what the brand will not talk about. TTSS needs a “never say the category’s default medical script” page — we have a Never list; make it a chapter.

Case

Happy Viking pack — Gander

takeagander.com/project/happy-viking

Front of pack = experience photo, not the 60 superfoods. “Tastes like a burger-joint milkshake.” Lead with desire, prove with facts in the back panel.

HTML

Liquid Death manifesto (not a book)

liquiddeath.com/pages/manifesto

The brand lives in one paragraph + can lock. Wordmark never restyled. Three background colors. Ad templates, not creative briefs. Steal discipline, not skulls.

04 · Local files

FileWhat it isSteal
athletic-brewing-claims.pdf Official influencer / claims guide (4p) Banned phrases, nutrition lock, FTC #ad rules, trademark as adjective
shopify-brand-guidelines-template.pdf Shopify’s blank merchant template Section order: Intro · Logos · Type · Colors · Imagery · Voice · Resources

05 · Famous ecom brands with no real public book

Do not download these from FlipHTML5 / Scribd / Pinterest. They are student recreations and they contradict each other.

BrandStatusUse instead
GlossierNever publishedTreat UGC as a brand asset. Identity simple enough that customer photos sit inside it.
OatlyNever publishedPackaging copy as the primary identity channel.
AllbirdsNever publishedRed Antler case study.
CasperNever publishedRed Antler case study.
Ben & Jerry’sNever publishedActivism = identity, not decoration.
Liquid Death / Olipop / Poppi / Graza / Magic SpoonNo bookCan/pack + manifesto + ad templates. Build the system from the product, not a PDF.
Native / Lume / Billie / Honey Pot / Cora / ThinxNo bookCategory neighbors. Steal from live sites + claims language, not fake decks.

06 · What the current TTSS book already has

Live at /tastethesweetspot/brand/. Spec sheet, not a working book yet.

Have

Position + white space

Red Bull of self-care. Lemme / Uro / Love Wellness table.

Have

Voice do/don’t

Always / Never word lists. Not yet by situation.

Have

Color + type names

Hexes. No proportion, pairings, or type scale.

Have

Indoor / outdoor

Lighting intent. No do/don’t photo pairs.

Have

Six characters

Cast descriptions. No personality rules.

Have

Lineup + shot IDs

HP/HER/HIM/WP/WASH/CP. Prompts live in imagery bible.

07 · Massive TTSS book — chapter list

Synthesized from Headspace + OKO + Cadence + Klarna + Mailchimp + Athletic Brewing + Shopify. This is what we build. Current book covers maybe 8 of 22.

  1. 00 Cover + version + asset dump. Date on the page (Asana). Wordmark, pack cutouts, Soona masters, fonts, hex JSON on screen one (Uber).
  2. 01 Brand idea. One sentence, one enemy, one proof. “Confidence that tastes good” stays. Add what we will never compete on (Casper).
  3. 02 Audience / muses. Her / Him / couple / athlete — jobs, fears, the quiet worry. Not demographics only.
  4. 03 Competitive / white space. Expand Lemme Uro Love Wellness. Add Summer’s Eve / pharmacy / pastel sisterhood. Visual of the aisle vs us.
  5. 04 Voice by situation. Same voice, different tone: homepage, PDP, pack, email, packing slip, influencer, shipping delay, reviews, ads. THIS/NOT THAT pairs (OKO + Mailchimp).
  6. 05 Claims + legal. Athletic Brewing analog. Banned: vagina/cure/treat/diagnose/all-natural/pH-balanced. Allowed: pH-Friendly, freshness, balance, chemistry. FTC #ad. Trademark as adjective: Taste The Sweet Spot capsules, not “a Sweet Spot.”
  7. 06 Logo system. Wordmark, pineapple mark, clearspace, min size print/digital, on-color matrix, pictured don’ts (Shopify grid). When the mark can stand alone.
  8. 07 Color as argument. Magenta is the brand (Klarna). Proportion: how much pink vs blue vs chartreuse vs black. Pairings that are legal. Accessibility contrast. Chartreuse never body text (already said — show it).
  9. 08 Type scale. Archivo Black / Fraunces / Inter / Caveat with sizes, tracking, leading, two-face-max. Shop migration from Akshar/Figtree. Fallbacks.
  10. 09 Graphic devices. Color-block, split pink/blue, juice texture, pineapple seal, kinetic crop. Pattern rules. What is not a device (gradients, drop shadows, medical crosses).
  11. 10 Photography system. Indoor high-key / outdoor daylight. Hands, crop, product lock, condensation, fruit. Do/don’t pairs. UGC allowed when identity is simple enough (Glossier lesson).
  12. 11 Product lock. Soona 6720 masters. Bottle type is pixels, never redrawn. Attach pack in Riverflow. Label-lock JSON lives in this chapter.
  13. 12 Characters. Mia / Jordan / Nova / Marcus / Ren / Sol: wardrobe, lighting, what they never do, never wear, never say (Duolingo). Consistency sheet.
  14. 13 Packaging. Current wrap vs future direct-print energy can. Her pink / Him blue / chartreuse wipes. Cap pineapple. Cyan wash: shoot as-is, don’t fake future pink. Front = desire, back = facts (Happy Viking).
  15. 14 Website applications. Home, PDP, cart, about, email, 404. Real comps, not shot IDs. Cadence “Showcase.”
  16. 15 Social + ads. Content pillars with example frames. Liquid Death-style templates (repeatable, not a new brief every time). Bio, hashtags, emoji cap.
  17. 16 Influencer / UGC kit. What they must disclose. What they must not claim. Pack in hand. Color in frame.
  18. 17 Motion. How color-block, juice, and type move on site, ads, Stories (Dropbox / Headspace).
  19. 18 Illustration / if any. We may stay photo-only. If not, Headspace-style: style tied to emotion, not clipart fruit.
  20. 19 Accessibility. Contrast, alt text, type size, motion reduce. Own chapter, not a footnote.
  21. 20 Retail / Amazon / wholesale. Thumbnail contrast, claim hierarchy on pack, lifestyle vs product image slots.
  22. 21 Governance. Who approves. Version date. What needs a ticket vs what a freelancer can do from this book.
  23. 22 Asset bank. Downloads: wordmark SVG, pack PNGs, Soona, fonts, hex tokens, Riverflow prompt kit, imagery bible.

08 · Build order

Do first

00 assets on the first screen.

05 claims/legal (category risk).

10 photography do/don’t + 11 product lock.

04 voice by situation.

14 website showcase using real shop pages.

Do not start with

Another adjective page.

Another hex table.

Fake Glossier PDFs.

80-page monuments nobody opens.

Point at a chapter number. I’ll write it into the live HTML book next.