Q1 revenue
$274K
+47% QoQ
A complete guide to the Yummy Future brand system — logo, color, typography, voice, photography, and surface applications. Use this as the source of truth for every external production: website, deck, storefront, cup, social, sub-brand. Replaces all prior brand directions.
Every visual and verbal decision in this book is derived from the positioning, attributes, and audience defined here. When two rules conflict, return to this chapter.
Yummy Future is a robotic platform for the food and beverage industry. We start in specialty beverage — coffee, matcha, tea, cold-brew — because that is where manipulation complexity, customer demand, and unit economics converge first. The platform architecture is designed to extend into every sector of F&B where a trained human currently bottlenecks quality and throughput.
When two attributes pull in opposite directions, the higher-ranked one wins.
| 01 — Precise | Engineered, not hand-drawn. Generous whitespace, considered typography, real numbers — never adjectives where a measurement will do. |
| 02 — Warm | Precision without warmth reads cold-vending. The Ignite accent, the human moments in photography, the imperfect prose — every system element keeps the brand human. |
| 03 — Future-facing | Inevitable, not novel. The brand looks like a category that already exists, not a startup arguing for one. |
| 04 — Unpretentious | No Latin mottos, no faux-luxury, no hand-lettering. Our customers are tech workers and students — not connoisseurs. |
| 05 — Ambitious | This is a platform play, not a coffee shop. The brand should look like it could power a thousand storefronts. |
The discipline we match — not direct competitors, but the brand bar in adjacent categories: SpaceX · Linear · Notion · Joe & The Juice (2024 refresh) · Onda · Sweetgreen. Each balances editorial confidence, hospitality warmth, and the appearance of being three years older than they are.
The wordmark is the brand. The accent-coloring of the concept noun — Future, Coffee, Matcha — is the platform device. The brand visibly rewrites itself as it moves between concepts. "Yummy" is muted; the concept noun is loud. "Yummy" reads as a prefix; the concept noun reads as the brand. Same architecture, infinite concepts.
Space Grotesk 700. The wordmark has two parts with deliberately unequal weight. "Yummy" is the platform constant — set in soft on dark surfaces (62% bone) and 50% black on light surfaces. The concept noun is the variable — always set in the concept's accent color (Future = Ignite #f4c542, Coffee = Plasma #ffd76a, Matcha = Signal #a3d977). The two never separate — "Yummy" alone is not a valid lockup, and no surface should treat them as equally loud.
Short-form rule. In nav, footer, social handles, and any tight space, the platform may be referred to as "Future." alone (with the period). Never as "Yummy." alone. The full lockup is reserved for first mention, formal contexts, and legal references.
"Yummy" is the consumer prefix. "Future" is the platform prefix. Consumer-facing concept brands use "Yummy [Concept]" — Yummy Coffee, Yummy Matcha. Hardware SKUs and platform-facing products use "Future [SKU]" — Future Bar, Future Kiosk, Future Max. The two prefixes signal different audiences: Yummy is the warm storefront the customer walks into; Future is the platform an operator buys, an investor backs, and a press outlet covers. Never mix them — "Yummy Bar" and "Future Coffee" are both wrong.
Clearspace. Reserve a minimum margin equal to the cap-height of "Y" (marked "x") on all four sides. No type, image, or graphic element may enter this zone.
Minimum size. Print: 18mm wide. Digital: 110px wide. Below this threshold, switch to the Y f monogram.
Y f — uppercase Y, lowercase f, both in Space Grotesk 700 on Ignite ground. Used at favicon scale, app icon, tiny embroidery, social profile. Sub-brand monograms swap the lowercase letter: Y c for Coffee, Y m for Matcha.
Mute "Yummy" (Bone at 62% on dark, Black at 50% on light) and accent-color the concept noun (Ignite for Future, Plasma for Coffee, Signal for Matcha). Keep both words on one line. Use "Future." alone (with period) in tight short-form contexts.
Set "Yummy" at full white or full black — that breaks the prefix-vs-brand hierarchy. Color "Yummy" in the accent. Use "Yummy" alone. Stack the wordmark vertically. Outline, bevel, or add shadows.
Use the Y f monogram below 110px / 18mm. Maintain the cap-height clearspace zone. Use SVG for any reproduction at print quality.
Use the wordmark below minimum size. Apply gradients or glows. Place on a busy or photographic background without a darkened plate. Italicize.
Eight colors. Ignite is the only signature accent — used sparingly, never decoratively. Plasma and Signal are concept-specific tints. Bone, Steel, Carbon, and Void carry the structural work. No additions to this palette without brand-owner approval.
Across any single surface, color appears in the following proportion:
Black, Carbon, and Bone do the work. Ignite is the always-present accent. Plasma, Signal, and Warn appear only in their semantic role — concept-specific surfaces or corrective states.
| Concept | Accent (concept-noun color) | Tint surface | Monogram |
|---|---|---|---|
| Yummy Future · platform | #F4C542 Ignite | Black | Y f |
| Yummy Coffee · Palo Alto | #FFD76A Plasma | Black | Y c |
| Yummy Matcha · Champaign | #A3D977 Signal | Black | Y m |
| Yummy [Future concept] | TBD | TBD | Y [letter] |
Any new concept colorway must be approved by Hao before any surface ships. The accent must hold WCAG AA against Black and against Bone, and must not clash with the existing three concepts on a shared platform surface.
Every approved foreground/background pairing meets WCAG AA for body text or larger.
Forbidden pairings. Ignite on Bone (2.1:1 — fails AA). Plasma on Bone (1.7:1 — fails AA). Signal on Bone (1.6:1 — fails AA). When concept accents must appear on light surfaces, switch them to Black, or use them only for non-text elements (icons, dividers, borders).
Space Grotesk carries weight. Inter carries information. JetBrains Mono carries metadata. The three never blur — display is never used for body, mono is never used for prose, body is never used for telemetry. If a piece of copy doesn't have a concept noun, it doesn't get the accent treatment.
The accent color (Ignite by default, Plasma or Signal for sub-brands) is reserved for the concept noun that the brand flexes around: Future, Coffee, Matcha. Never used for emphasis. Never for product names that aren't concept categories. If you reach for the accent and the word isn't a concept, use weight (700 vs 400) instead — or rewrite the sentence.
Use Space Grotesk lining figures for display numbers (the metric on the Wefunder hero, the price on a menu). Use Inter tabular figures for tables and dashboards. Use JetBrains Mono for IDs, dates, store numbers, and coordinates. Numbers are part of the brand voice — they are typeset with care, never as UI chrome.
Platform / Investor / B2B is precise and confident. Consumer / Retail (Coffee Line) is friendly, nerdy-cute, and energetic. Never mix them on the same surface — the Wefunder page should not feature Bean·Bot, and the Palo Alto storefront should not say "brand-agnostic robotic beverage platform." Match the register to the audience.
Used for: website homepage, investor deck, Wefunder, PRD-derived content, franchise materials, press. Register: precise, confident, platform-first. Short sentences. Numbers early. No slang, no emoji, no first-person mascot voice.
Used for: retail storefronts, consumer app, in-store menus, TikTok, retail social. Register: friendly, nerdy-cute, energetic, self-aware humor. Bean·Bot lives here. Playful but disciplined.
Any content that could appear on Wefunder, in investor communications, or in public-facing material referencing financials must follow this table. When in doubt, have securities counsel review before publishing.
| Don't say | Say instead |
|---|---|
| "We will reach $X in revenue" | "Our Q1 2026 revenue was approximately $274K" |
| "Guaranteed return" / "low risk" | (delete entirely — never use in Reg CF context) |
| "We expect to be profitable by…" | (delete forward-looking profitability claims) |
| "Confirmed sales of $3M+ in LOIs" | "Over 25 non-binding Letters of Intent for standalone units" |
| "Our revenue will grow 10×" | "Our revenue grew 10× from Q3 2023 to Q4 2024" |
| "We're going to be the next Starbucks" | (delete comparisons that imply outcomes) |
| "Don't miss out" / "limited time" hype | "Early bird cap applies to first $100K invested" |
| Say | Don't say |
|---|---|
| Robotic platform | Vending machine · coffee shop · kiosk |
| Concept | Brand · sub-brand · franchise (when describing menu pivots) |
| Operator · venue · franchisee | Customer · client · partner (when describing B2B) |
| Unit / Future Bar / Future Kiosk / Future Max | Robot · Y-1 (the legacy designation — never use externally) · Yummy Bar (consumer concepts use "Yummy"; hardware uses "Future") |
| Telemetry · live | Real-time data · dashboard (in marketing copy) |
Photography carries the warmth that the type and color systems imply. Three subjects, in priority: human moments, the cup, the unit. The robot is the means, not the message — never lead with hardware-only imagery.
| Subject order | (1) Human moment · hand or face. (2) The cup, beautifully shot. (3) The unit, but always with a human in frame. |
| Light | Natural, warm, slightly underexposed. Golden hour preferred. No flash. |
| Color grade | Tonal, warm shadows, cool highlights. Should sit comfortably alongside Black/Carbon ground with Ignite accents. Avoid saturated reds, cool teals, or supernatural greens. |
| Composition | Editorial. Rule of thirds. Generous negative space for type overlay. Never centered-and-symmetrical for the hero shot. |
| People | Real customers and operators where possible — never stock photography. Always include hands or eyes. |
| Treatment in v3 | Slight contrast boost (+0.05) and subtle desaturation (-0.10–0.15). Hero images carry a 0–85% black gradient overlay so headline copy stays legible. |
Hero shots of the robot alone, lit dramatically. The robot is the means, not the message — and isolated robot photography invites the cold-vending read.
Stock photography of "happy diverse customers." Reads inauthentic and undermines the precision-and-warmth balance.
Heavy gradients, lens flares, or AI-generated imagery. The system depends on the photography being real.
Bright, clinical white-box shots. The brand reads warmer than that — even on dark surfaces.
The accent-colored concept noun is the platform mark. As Yummy Future expands into new concepts — coffee, matcha, tea, bowl — the brand visibly rewrites itself. The same architecture, never a rebrand. This is the single most important system in this guideline.
| 01 | Pick the concept noun — one word, capitalized (e.g. "Matcha," "Bowl," "Tea"). |
| 02 | Wordmark becomes Yummy [Concept] with the new noun in its accent color. |
| 03 | Pick the colorway accent — must hold WCAG AA against Black; brand-owner approval required. |
| 04 | Monogram becomes Y[lowercase concept letter] — Y c for Coffee, Y m for Matcha. |
| 05 | Surface kit regenerates from templates — no custom design work needed. |
Every sub-brand surface must include the line "A Yummy Future concept" in JetBrains Mono caps at 10pt minimum. This is the platform attribution. Without it, a sub-brand reads as a standalone competitor — which defeats the platform argument.
Primary components shared across website, app, deck, and print. Square corners everywhere — the only rounded geometry is the live-status dot. Hairline 1px borders carry the visual structure; we never use shadows or gradients on UI surfaces.
Ignite fill = primary CTA. Hairline outline on bone = secondary. Ghost (muted soft) = tertiary. Never use Plasma or Signal for buttons — they are concept-tint surfaces, not interactive elements. Border-radius is always 0.
Counter-top robotic barista. Plug-in, no construction. Ships in Semi-Auto and Managed tiers — SMB and satellite-floor placements.
A Yummy Future concept. Plasma accent applied to the Coffee Line. Same hardware, new menu.
A Yummy Future concept. Signal accent applied to the Matcha Line. Champaign pilot, March 2026.
Numbers are typeset as display, not as UI chrome. Telemetry uses mono for keys and display for values. Never pair an Inter headline with a Space Grotesk metric on the same card.
A signature decorative motif from the homepage: 12px square brackets at the four corners of a container, drawn with 1px hairlines, transition-scaling in when revealed. Use sparingly — on hero panels, key cards, and section anchors. Never on every card.
The brand in production, across four primary surfaces. Each example is a template — copy the layout, swap the content. If a new surface isn't covered here, derive it by combining the closest two below.
Everything above is built dark by default. Wefunder is light by chrome — our page sits inside their warm-paper frame, next to the investor profile and related deals. Ship the dark Ignite palette there and the embed reads as a banner ad; ship Daylight and it reads as a document. This section is the seam — the same DOM, the same components, a different :root. Nothing in §01–§09 is repealed here; this is where it lands on someone else’s page.
Dark embed on warm paper fights the page. The reader’s eye reads a dark rectangle inside a light column as advertising — something to scroll past, not something to read. The Daylight pairing keeps every brand device intact (asymmetric wordmark, amber concept noun, square geometry, hairline rules) and only moves the ground. Identity survives the swap; the banner-ad reading does not.
Every brand layer goes in exactly one bucket. Memorise the buckets and the rest of this section is bookkeeping.
| Inherit verbatim | Type families (Space Grotesk · Inter · JetBrains Mono) · asymmetric wordmark (“Yummy” muted, concept noun amber) · geometry (square corners, 1px hairlines, no shadows) · Voice Register A (§05.1) · two-prefix rule (§07). These are the coherence guarantee — changing any of them makes the page stop being ours. |
| Adapt | Surface tokens → the Daylight pairing (10.2). Type scale → display caps at 48px on body slots; the cover still gets the full v3 hero. Body weight → Inter 400, not 300 — thin reads anemic on paper. Spacing → --gutter halves to 32px, --max shrinks to 980px. Reg CF override → past tense, sourced, no projections (§05.3, and 10.4 here). |
| New · Wefunder-only | Slot card · telemetry strip · KPI tile · FIG.NN figure (10.3) · backed-by row (10.5) · status pills + source captions + use-of-funds bars + risks list (10.4). |
| Skip on the publish surface | Dark Ignite palette (review draft only) · Plasma / Signal as decorative tints (concept colors — Wefunder is platform/amber only) · frame-corner motif on every card (reserve for hero moments) · Bean·Bot voice (consumer register, forbidden here) · v3’s full editorial type scale on body slots (the column is too narrow). |
Swap the token block at the top of the CSS. Never edit individual rules. Same DOM, same components, different :root — that is the whole mechanism, and it is why the two surfaces cannot drift apart.
| Ground | --black #0A0A0A → #faf8f3 warm paper · --void #0D0D0C → #f4f1e9 section banding |
| Surfaces | --carbon #141413 → #ffffff card surface · --steel #1D1D1C → #ebe8e0 · --steel-2 → #e0dcd0 · --steel-3 → #c8c2b3 |
| Ink | --bone #E9E7E2 → #1d1d1c body · --white #FFFFFF → #0d0d0c headlines · --soft rgba(13,13,12,.66) · --faint rgba(13,13,12,.46) |
| Rules | --rule rgba(13,13,12,.10) · --rule-2 .18 · --rule-3 .32 |
| Accents | --ignite #F4C542 → #c89324 · --plasma → #b88420 · --signal → #5e8e3e · --warn → #b0533b |
#F4C542 on warm paper measures roughly 3.1:1 — it fails WCAG AA. #c89324 measures roughly 4.6:1 — it passes. The identity is preserved: still amber, still the system accent. Only the luminance moves. This is not a second brand color; it is the same color rendered legibly against a different ground.
The page is a stack of slot cards. Each carries one idea and reads as a sourced proof. Inside a card: a telemetry strip, a KPI grid, a figure, or prose — usually two of those four, never all four. Every numeric carries a source caption.
| Canvas | 980px column · 32px gutter. This is the constraint that caps display type at 48px and forbids v3’s clamp(56–144px) hero scale on body slots. |
| Slot card | Steel header (mono slot name + field role) → carbon body. No nested cards. Body is Inter 400 at 14.5px / 1.62; bold the proof beat, not the adjectives. |
| Telemetry strip | One line above hero copy: mono mission line left, live state right. It is a Register-A signal — this page is operational, not promotional. The live dot (forest green on Daylight) is the only rounded shape on the page, and its animation honors prefers-reduced-motion: reduce. |
| KPI tile | Four-tile grid. 3px ignite left edge. Order is fixed: sparkline → display numeral (dimmed amber) → mono label → mono source. Every .num requires a .src. No source caption = the tile cannot ship. Sparklines use four encodings only — no free-form charting. |
| FIG.NN | Sequential ID. SOURCE: label sits to the right of the figure header. The key takeaway goes in the caption, in bold amber. |
Reg CF (17 CFR § 227) is not only a copy constraint on this surface — it shows up in the chrome, where the reader can see it. Three artifacts carry it.
| Status pills | DRAFT · OK · BLOCK · REG CF · GREEN · SHIPPED. Visible to the reader. A BLOCK pill cannot ship — it announces an unresolved finding. |
| Source captions | Four citation surfaces, all mandatory: (1) KPI tile — every .num needs a .src; (2) FIG.NN — SOURCE: label right of the header; (3) inline numeric — sourced parenthetical inside the sentence; (4) tabular data — period + origin row above the table. |
| Use-of-funds bars | Directional weight only — PRIMARY / CORE / SUPPORT. Never a percent: stating one implies a binding allocation, and the binding artifact is Form C. Required disclaimer: // BAR LENGTHS SHOW DIRECTIONAL WEIGHT ONLY · EXACT % LIVES IN FORM C. |
| Risks list | Fixed shape: “If [event], we may [outcome].” No hedging adverbs, no reassurance clause after the outcome. |
“Q1 2026 revenue was approximately $263K.” · “25+ non-binding Letters of Intent.” · “Revenue grew 10× from Q3 2023 to Q4 2024.” · “Early-bird cap applies to first $100K invested.” Every dollar tied to a closed quarter.
“We will reach $X in revenue.” · “Guaranteed return” / “low risk” (delete entirely) · “We expect to be profitable by…” · “$3M+ in confirmed sales from LOIs” · “Our revenue will grow 10×” · “the next Starbucks” · “Don’t miss out” / “limited time.”
The four register tests. (1) A number appears in the first two sentences. (2) The platform argument is made, not implied. (3) Every dollar is tied to a closed quarter. (4) Securities counsel reads it without flagging. Fail any one → rewrite.
A single horizontal row of institutional backers, monochrome. One exception is allowed: Y Combinator orange #f26625 — because YC is recognisable as a logo, not as a wordmark. Every other badge is --steel background, --rule-2 border, ink text.
| Badge | 6×10px padding, 1px border, square corners, Space Grotesk 700 at 12px. |
| Name + role | Space Grotesk 600 at 13px (ink) above JetBrains Mono 9.5px (soft ink). |
| Spacing | 24px horizontal gap between entries. |
| Legal note | A backer logo is a record of a past investment, not a current endorsement of the offering. Do not caption it as one. |
Two CTA contexts, one vocabulary: a hero pair at the top (primary fill + ghost) and a closing block at the bottom that additionally carries the wordmark and a single-line proof. Two buttons maximum, one amber fill. A third button reads as a checkout funnel; two reads as a document.
| Hero pair | Primary fill + ghost. The mono microcopy underneath — From $100 · SAFE at $66M cap — is required, not decorative. |
| Closing block | Wordmark + one-line proof + the same two buttons + a Form C reference. “Form C governs” closes every allocation claim on the page. |
If any of these fail, the surface stays in draft. The first is the most-violated.
| 1 · Palette | Daylight loaded — --black:#faf8f3, --ignite:#c89324. Ship dark and the embed reads as a banner ad. |
| 2 · Scale | Display capped at 48px on body slots. Body 14.5px / 1.62 / weight 400. Mono 10–11px. v3’s full hero scale breaks the 980px column. |
| 3 · Sources | Every numeric carries one of the four citation surfaces. No source = the number cannot ship. |
| 4 · Wordmark | “Yummy” stays muted, the concept noun stays amber. The accent is the brand device — don’t flatten it by coloring “Yummy.” |
| 5 · Allocation | Use-of-funds bars carry no percent; the “Form C governs” disclaimer is present. |
| 6 · Voice | Register A — past tense, sourced, platform-first. No Bean·Bot: Wefunder is investor-facing, the mascot voice belongs in retail. |
| 7 · Pills | BLOCK / REVIEW cleared. DRAFT and OK may ship. |
| 8 · Close | Wordmark + Form C reference in the closing CTA. Two buttons max, one amber fill. |
Gates run in order before publish: yummy-future-regcf-check → yummy-future-regcf-fix → yummy-future-compliance-sweep → Daylight token swap → brand sanity (this section).
Sign-off chain. Claude drafts → Hao reviews Reg CF → Jack approves substance → publisher swaps Ignite to Daylight → Hao publishes. Audit logs archive in compliance-scans/.
Every figure on the Wefunder surface resolves to the company facts base — canonical home Directus company_facts, exported to facts.yaml for consumers. Do not hand-type a figure into a slot card. If it isn’t in the facts base with an evidence tier, it isn’t ready to ship.
#0A0A0A Black · #E9E7E2 Bone · #F4C542 Ignite#FFD76A Plasma · Matcha = #A3D977 Signalcubic-bezier(.2, .7, .2, 1) · all transitions