Per-style brand authority for
src/styles/30-cinematic-flame-taiho-toi/. Sourced from a Claude Design handoff bundle (May 2026, "tvl-based-on-toi-branding-only") and the TOI April-2026 brand system. Treat sections 1–7 as canonical truth.
Primary family: Cinematic Dark Therapeutics — deep-ink stage with a single flame in the spotlight. Geist 200 for display weight, Instrument Serif for italic accent words, JetBrains Mono for instrumentation. The page feels like the title card of a documentary about a fund that takes itself seriously.
Secondary remix: Atmospheric Editorial — radial-gradient ember light in the hero and intake, faint vertical 12-col grid masked top-to-bottom, thin 1px white-alpha rules between cards. Cards live on #10151D panels, never on raw --cft-ink.
Reference brands: Linear (Geist + grid + restrained motion) × Apple keynote dark (atmospheric ember light, thin rules) × the cinematic register of the existing 20-cinematic-dark-syndicate sibling, retoned around flame yellow rather than vermillion.
Visual atmosphere: Deep ink, ember light, restrained motion. The flame #FDB913 has three jobs: motif (60%-scaled SVG in the hero filmstrip's first frame, drop-shadowed in flame), live accent (pulsing dots, gradient submit, flame-on-italic accent words), structural mark (top-left flame dash on each pillar, flame underline on each § label). Pulse animation on the press "feed launches Q3" dot is the only motion.
Adjectives: declarative, evidence-first, disciplined, low-ego, biotech-fluent, partner-shaped Voice anchor: Orwell with a cinematic surface — same craftsman voice as the editorial sibling, but the page treats the words like a film title card: italic flame on the load-bearing nouns ("science", "strategy", "Pearl", "newsroom", "filter"). Voice sample:
Where breakthrough science meets a global pharma cap-table.
Says:
Avoids:
Mode: dark
| Role | Token | Hex | Use |
|---|---|---|---|
| Page ink | --cft-ink |
#0A0E14 |
Page background. |
| Ink (deeper) | --cft-deeper |
#080B11 |
Press band, stats lower gradient stop. |
| Panel | --cft-panel |
#161C26 |
Hero filmstrip frames (non-flame). |
| Card | --cft-card |
#10151D |
All portfolio, team, press cards. |
| Hairline | --cft-line |
#ffffff14 |
All borders and dividers. |
| Foreground | --cft-fg |
#F2EFE8 |
Body copy, lede plain weight, brand mark ring. |
| Foreground 2 | --cft-fg-2 |
#C4BFB3 |
Secondary copy, hero sub paragraph. |
| Foreground 3 | --cft-fg-3 |
#7E7A70 |
Mono labels, captions, faint text. |
| Flame (primary) | --cft-flame |
#FDB913 |
Italic accent words, dot indicators, hero motif fill, header CTA, intake submit gradient stop, "Syndicate participant" pill. |
| Flame (lighter) | --cft-flame-2 |
#FFD05A |
Submit gradient end, hover state on header CTA. |
| Ember | --cft-ember |
#E89C00 |
Hero radial-gradient secondary. |
Discipline: Italic words are always flame; flame is never used for plain body type. The submit button is the only large flame surface.
--cft-flame. Used on the "load-bearing noun" of every section h2, the H3 closing word in each pillar, "Pearl" in the Cullinan card, the footer tagline em.§ labels, pillar numbers, person roles, intake step numbers, all corner captions and meta strings.<span class="cft-stroke"> renders an outlined-text variant (-webkit-text-stroke: 1px var(--cft-fg-2), color transparent) for the "cap-table." word in the hero lede.min-height: 88vh, atmospheric radial gradients + masked 12-col grid, header sticky over it.#0A0E14 → #080B11)..feat is 3×2 with a radial flame corner on the card; feature art plate is 16:7 with radial flame + diagonal stripe and a bottom-left mono caption.--cft-card with top portrait (4:5, radial flame at center-top + horizontal stripe) and bottom body block divided by a hairline.linear-gradient(180deg, #10151D, #0A0E14) with 4 step rows + linear-gradient(90deg, #FDB913, #FFD05A) submit; right is side panel with definition list.Hero filmstrip frame 1 is the flame SVG itself — no media slot. Slots:
fig01 — Lab · translational, 4:3, ink-dark interior, single warm key light.fig02 — Portfolio · board room, 4:3, wide silhouette, ember-lit ceiling.cullinanFeature — 16:7 cinematic frame for the Pearl card.portrait — 4:5 cinematic editorial portraits, single ember key light.Asset path convention: /30-cinematic-flame-taiho-toi/<slug>.jpg.
Do:
#10151D (--cft-card); stats and press use slightly different gradients but never raw --cft-ink.Don't:
--cft-ink/--cft-deeper. Even one accidental near-black breaks the register.