DESIGN.md — Taiho Ventures, LLC

Per-style brand authority for src/styles/monograph-ventures/. Produced and maintained by columbus-design-md-builder. Read by columbus-design-author at scaffold time and by columbus-design-iterator on every refinement. Treat sections 1–7 as canonical truth.

1. Aesthetic Anchor

Primary family: Warm Editorial Minimalism (journal / monograph register — Aesop / Cereal lineage) Secondary remix: Japanese print tradition — proportional rhythm, generous margins, calligraphic brushstroke as the single ornamental gesture (echoing the corporate mark itself) Reference brands: Aesop (Japanese-influenced editorial restraint by a Western brand) × MUJI (Hara Kenya's proportional rhythm and modest typographic confidence) × SR One (the CVC credibility anchor — "pharma heritage meets agile VC") Visual atmosphere: Quiet, type-led, sepia-warm. The page reads like a research bulletin from a Japanese pharmaceutical archive — generous paper margins, hairline sepia rules between sections, one red brushstroke per spread as the only loud gesture. Taiho's Japanese parentage is visible, not hidden. The site sounds like an investment letter and looks like a monograph.

2. Brand Voice

Adjectives: strategic, disciplined, patient, biotech-fluent, quietly confident Says: "patient capital", "syndicate partner", "preclinical through proof of concept", "build-to-buy", "commercialization bridge", "first-in-class", "modality-agnostic", "the bridge between breakthrough science and global commercialization" Avoids: "we're disrupting", "best-in-class", "world-class", "leverage", "synergy", "empower", "unlock", "elevate", "robust", "seamless", "Get started", "Sign up", "Learn more", anything ending in "-ify", emoji, exclamation points Sample sentences:

"We invest in early-stage therapeutics — preclinical through proof of concept — across oncology, immunology, and urology. Capital alone is rarely the constraint; access, validation, and a global commercialization path more often are." "Taiho Pharmaceutical's R&D, clinical, and commercialization infrastructure is on the cap table with us. That is the value we add."

3. Color Palette & Roles

Mode: light only (a monograph isn't dark) Dominant: #8A532C (--monograph-ventures-ink) — Taiho Sepia. Body type, headlines, hairline rules, marginalia, the page's voice. Accent: #E31B13 (--monograph-ventures-flag) — Taiho Red. Reserved exclusively as a calligraphic brushstroke or pull-quote underline; one appearance per section maximum. Never a button background, never a fill. Marker: #FABE00 (--monograph-ventures-marker) — Taiho Yellow. Strictly for data moments: a clinical-stage marker, an AUM figure, an exit-outcome callout. Never decorative. Surfaces: #F7F1E3 (--monograph-ventures-paper) — page background, the cream of an aged journal • #EFE7D3 (--monograph-ventures-muted) — secondary surfaces, table-row alternates • #D9C9B6 (--monograph-ventures-rule) — hairline rules and dividers Notes: No gradients. No shadows. Color is set in flat blocks like a printed page. The three Taiho-locked colors are the only branded voices on the page; surfaces are derived from the cream/paper palette only.

4. Typography Rules

Headline font: Cormorant Garamond — https://fonts.google.com/specimen/Cormorant+Garamond — weights 300, 500 Body font: Source Serif 4 — https://fonts.google.com/specimen/Source+Serif+4 — weights 400, 600 Special-use font: Noto Sans JP — https://fonts.google.com/noto/specimen/Noto+Sans+JP — weight 400 — used only for occasional Japanese characters (parent company name "大鵬製薬", section kickers in romaji + kanji pairs) and for tabular numerics in the portfolio table Pairing principle: High-contrast — high-contrast antique-feeling display serif (Cormorant) against a contemporary readable text serif (Source Serif 4). Both are serifs by intent — this is a journal, not a marketing site. Latin-paired Japanese sans (Noto Sans JP) appears in tiny doses for cultural specificity. Weight extremes: 300 (display, large) vs 600 (body emphasis). No 400-weight headlines. No 700+ anywhere. Size scale: H1 5rem, H2 2.75rem, H3 1.5rem, body 1.0625rem (slightly larger than default for journal feel), caption 0.8125rem Max font sizes per page: 3 Banned (do not use): Inter, Roboto, Open Sans, Lato, system stacks, Space Grotesk, Playfair Display (AI-editorial default), Lora (overused), Helvetica, Arial, any geometric sans, any monospace anywhere on this site

5. Layout & Density

Grid: Asymmetric editorial — 8-col primary content + 4-col right-side marginalia gutter. Long-form prose takes 8 cols; company names, dates, co-investor lists, footnotes, and pull-quotes hang into the 4-col gutter as they would in a printed feature. Container max-width: 1200px (narrower than typical web — a journal feel, not a SaaS feel) Section rhythm: varied — hero is dense and tight; mandate section breathes very wide; portfolio is dense and tabular; team breathes wide again. The page should feel like a long-form essay, not a uniform brochure. Min container padding: 24px (mobile), 80px (desktop — generous, journal-like) Asymmetry / overlap commitments: Section kickers sit in the upper margin in small caps with a thin sepia hairline below. Marginalia hangs in the right gutter (co-investor names, round dates, syndicate partners). Long-form sections begin with a dropped initial cap in Cormorant. The corporate mark sits in the upper-left corner of every page at fixed size — never centered.

6. Atmosphere & Media

Hero treatment: Solid cream paper (#F7F1E3) — committed flat. The print metaphor wants flat color; gradient hero would break the journal register. Atmospheric layers: Subtle paper-grain texture at 6% opacity over the page background. Hairline sepia rules (1px, --monograph-ventures-rule) between sections. One calligraphic brushstroke SVG per major section — a single red horizontal stroke or a yellow elliptical mark, echoing the corporate logo's red + yellow brushstrokes at larger scale. Shadow style: None. Depth comes from typography weight, color contrast, and the rare brushstroke gesture. Media stance: type-only — with controlled decorative-abstracts-only at hero and section transitions (the brushstroke SVGs only) Stance reasoning: The print metaphor and Japanese restraint both reject stock photography — lab images, microscopes, scientists in white coats are exactly the category-default the brand is positioned against. The brushstroke flourish is a digital echo of the corporate mark itself, not ornamental drawing for its own sake. If a future case study legitimately needs a portrait or chart, it is captioned and framed like a journal plate, never full-bleed.

7. Do's and Don'ts

Do:

Set headlines in Cormorant Garamond at extreme size (5rem+) at weight 300 — high contrast against the body serif
Reserve Taiho Red for a single brushstroke or pull-quote underline per section — it is a calligraphic gesture, not a UI color
Reserve Taiho Yellow strictly for data moments (stage markers, AUM, exit outcomes) — never decorative
Hang marginalia into the right gutter (co-investor names, dates, citations) as a journal would
Use a dropped initial cap in Cormorant on long-form section openings
Write copy that reads like a research bulletin or investment letter — quietly confident, biotech-fluent, no marketing language
Include occasional Japanese characters (parent name in kanji, romaji + kanji section kickers) as cultural specificity, never as decoration

Don't:

Use Inter, Roboto, Open Sans, Lato, system stacks, Space Grotesk, Playfair Display, Lora, Helvetica, or any geometric sans
Use any gradient — hero, button, or background. Color is set in flat blocks like a printed page.
Use shadows or elevation — depth comes from type and color, not lift
Use stock photography of laboratories, microscopes, cells, scientists in white coats, or hands-with-pipettes — these are the category default and exactly what this concept rejects
Use the three-up icon-card feature grid
Use Taiho Red as a button background, fill, or solid block — it is only a brushstroke or underline
Use rounded corners greater than 4px anywhere — keeps the print feel
Use the corporate logo recolored, rotated, or restyled — the locked sepia oval + red/yellow brushstrokes + TAIHO wordmark is the only valid lockup
Write CTAs like "Get started", "Sign up", "Learn more" — use first-person editorial CTAs ("Submit a company", "Read the mandate", "Reach the partners")
Use hamburger nav on mobile — use a serif "Index" link that opens a typographic table of contents

8. Agent Prompt Guide

For any agent reading this file:

Read this DESIGN.md in full before writing any code, copy, or styling for monograph-ventures.
Treat sections 1–7 as canonical truth. Don't override them inline.
Reject any change that violates the Don'ts in section 7. Surface the conflict to the user rather than silently picking one side.
If the user is asking for something this DESIGN.md doesn't cover, propose an addition to this file rather than introducing the decision in component code.
If the user is asking to change something in this file, route the request to columbus-design-md-builder rather than editing the file inline.
When sections conflict: section 7 (Don'ts) wins over everything; section 1 (Anchor) wins over sections 3–6; section 2 (Voice) is independent.
This is a real brand with locked corporate colors — the three Taiho colors and the locked logo lockup are inherited from the parent company's identity guide and cannot be substituted.

9. Notes & References

Created: 2026-04-29 Last updated: 2026-04-29 Source URL: n/a (real brand, captured from internal materials) External references:

Taiho Pharmaceutical (parent): http://www.taiho.co.jp/en/
Legacy site (do not imitate — overhaul context only): https://www.taihoventures.com/
Cormorant Garamond: https://fonts.google.com/specimen/Cormorant+Garamond
Source Serif 4: https://fonts.google.com/specimen/Source+Serif+4
Noto Sans JP: https://fonts.google.com/noto/specimen/Noto+Sans+JP
Aesop (visual reference — editorial restraint): https://www.aesop.com/
SR One (CVC credibility reference, called out in the brief): https://srone.com/
Internal source materials: research/Taiho-ventures-basic-branding-v0.pdf, research/TOI2601_TVL Site Brief_v3.docx, research/legacy-web-copy/

Additions log:

2026-04-29: Initial DESIGN.md captured by columbus-design-md-builder.

Landing

Open detail →

desktop 1440×900

06-monograph-ventures/landing

mobile 390×706

9:41

06-monograph-ventures

Open →