DESIGN.md — Taiho Ventures (Hakushi / Editorial Quiet)

Per-style brand authority for src/styles/25-hakushi-taiho-cvc/. 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: Editorial Minimalism (Hakushi / 白紙 — "white paper") — Japanese editorial restraint applied to a biotech CVC. Cream stock, large serif headlines, generous whitespace as a structural element (ma 間). Small monospace section markers ("—— No. 01 / Overview") set the cadence of a quarterly journal. Secondary remix: Warm Editorial × Japanese editorial (Lora display + Noto Serif JP kanji accents). The page reads like a printed prospectus that happens to live in a browser. Reference brands: Lapham's Quarterly (essay-cadence, monospace meta) × MIT Technology Review (biotech credibility, restrained accent color) × Apartamento (warm paper, generous gutters) Visual atmosphere: Cream and ink, with one disciplined dot of vermillion. The page reads quietly — almost reverent — and uses whitespace as gravitas, not decoration. Every section break is announced like a chapter ("—— No. 02 / Thesis"); every kanji glyph carries the weight of a chapter mark. The logomark appears only at small reverent scales (header 36px, footer 24px, pledge ~100px) where it functions as a chapter mark — never enlarged for effect. The 10-year anniversary is signalled instead by a single circular vermillion hanko seal (印鑑) stamped top-right of the hero (~220px, 十周年 / "10th anniversary" rendered vertically in Noto Serif JP, ringed by orbiting "TAIHO VENTURES · 創立十周年 · TEN YEARS · 2016 — 2026" mono text). On mobile the seal is replaced by a full-bleed vermillion-hairline banner above the header carrying the same milestone in horizontal form. The hanko extends the kanji cadence already established by the 創台分診 thesis grid and reads as commemorative seal-on-paper rather than a horizontal banner ribbon.

2. Brand Voice

Adjectives: patient, plainspoken, dryly precise, gravely confident, sixty-years-old Voice anchor: Orwell — the craftsman voice. Plain words, exact verbs, sentences that earn their length. The brand sounds like an LP letter from a fund that has nothing to prove. Voice sample:

Patient capital for the scientists rebuilding medicine itself. We back early-stage founders developing first-in-class therapeutics, novel platform biology, and the modalities that will define the next decade of oncology, immunology, and rare disease. We hold for the long arc — and we bring the operating muscle of a global pharmaceutical to every check we write.

Says:

"Patient capital for the scientists rebuilding medicine itself."
"We hold for the long arc."
"The pledge is sixty years old. It is also what governs every term sheet we issue."

Avoids:

"Premier" / "leading" / "world-class" — sixty years of R&D doesn't need a superlative
"Ecosystem" / "platform" as marketing nouns — the page can say "platforms" only when it means actual platform biology
"Empower" / "unlock" / "transform" — the brand earns trust by being matter-of-fact

Sample sentences:

The pledge is sixty years old. It is also what governs every term sheet we issue, every board seat we take, and every founder we choose to walk alongside.

Four areas, one filter — does this work compound the science Taiho has spent decades building?

3. Color Palette & Roles

Mode: light Dominant: #1a1410 (--hakushi-ink) — body type, headlines, hairlines pulled to ink, pull-quotes Accent: #c8472b (--hakushi-vermillion) — italic emphasis in the H1, kanji glyphs, the active nav state, "View all 24 →" tags. Used as punctuation, never as fill. Surfaces:

#faf7f2 (--hakushi-paper) — page background; the cream "stock" the whole site is printed on
#f4eee2 (--hakushi-paper-warm) — portfolio + footer band, a half-shade warmer than paper to mark the "back matter"
#d9d0c2 (--hakushi-rule) — 1px hairlines; the only border color in the system
#6b5d52 (--hakushi-muted) — meta labels, captions, secondary lede column, footer text
#845339 (--hakushi-brown) — Taiho brown from the logomark; reserved for the wordmark, never used as type or surface fill
#ef4123 (--hakushi-vermillion-bright) — pledge-quote opening glyphs and the floating canvas nav pill's active chip; a half-step brighter than the accent for moments that need to ring

Notes: No gradients. No shadows. Color is set in flat blocks like a printed page. The vermillion is rationed — appearing only as italic emphasis, kanji, link-colored meta tags, and the pledge quote's opening glyphs.

4. Typography Rules

Headline font: Lora — https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap — weights 400, 500, 600, 400-italic Body font: Inter — https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap — weights 400, 500, 600 Meta font: JetBrains Mono — https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap — weights 400, 500. Used for section markers, stat labels, and footer column headers. Kanji font: Noto Serif JP — https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap — weight 400. Used only for the four sector kanji (創台分診) at 48px in vermillion. Pairing principle: Three-font system — humanist serif (Lora) for editorial gravitas, neutral sans (Inter) for body legibility, monospace (JetBrains Mono) for meta cadence. The kanji is a fourth, quarantined to four glyphs. Weight extremes: 400 (everything that can hold it) vs 500 (the rare emphatic line). No 600+ in body copy. Italics (Lora 400-italic) carry emphasis instead of bold. Size scale: H1 96px / H2 44px / H3 22px / lede-l 19px / body 14–15px / stat-number 56px / meta 10–11px (with 0.14em letter-spacing, uppercase) Max font sizes per page: 3 (Lora display, Inter body, JetBrains meta — kanji is set in Noto Serif JP but only at one size) Banned (do not use): Roboto, Open Sans, Lato, system stacks, Space Grotesk, Source Sans, Geist, Manrope, Playfair Display

5. Layout & Density

Grid: Wide-canvas editorial. Header/footer/sections all use 80px horizontal padding (no narrow centered max-width). Hero sets text in a 1100px-max two-column lede (1fr 1fr, 80px gap). Stats are a 4-up grid edged with hairlines top and bottom and 1px verticals between cells. Thesis is a 320px-fixed left margin column for the section marker + heading, paired with a 2×2 hairline-separated sector grid on the right. Portfolio is a 4-col 1px-hairline grid of monospace-numbered cells. Pledge is asymmetric 1fr / 1.4fr with the logomark held small in the left margin. Container max-width: none — sections are full-bleed at 80px gutters. Lede prose caps at 1100px. Section rhythm: spacious. Each section breathes (100–140px vertical padding). The cadence is paced like a print quarterly: hero → numerical fact band → thesis chapter → portfolio register → pledge → footer. No back-to-back dense sections; the stats band is the only tight rhythm and it lives between two airy sections to give the page a heartbeat. Min container padding: 24px (mobile), 80px (desktop) Asymmetry / overlap commitments: The thesis section's left column is fixed-width (320px) while the right column expands — deliberately uneven. The pledge section's logomark sits small in the left column at top, while the quote takes the larger right column — the visual weight is reversed from what you'd expect, which is the point. No overlapping elements, no z-stacked decoration.

6. Atmosphere & Media

Hero treatment: Solid --hakushi-paper (#faf7f2). Committed-solid, intentional. The print metaphor wants flat color; a gradient would betray the brand. Atmospheric layers: Hairline rules between sections (1px solid --hakushi-rule). Section markers ("—— No. 01 / Overview") with a literal em-dash run-in. Kanji glyphs (創台分診) as decorative chapter marks in the thesis grid. No noise, no grain, no halftone. Shadow style: None. Depth comes entirely from typographic weight, color contrast, and hairline rules. Even the floating canvas nav pill uses a flat dark fill with no shadow — only backdrop-filter: blur(6px) for the canvas-on-paper effect. Media stance: type-led, with anniversary hanko, hover-only portfolio logos, and small partner portrait plates in the Team register Stance reasoning: A printed quarterly does not need photography to do its work — the brand's distinctive surface is its typography (Lora + monospace meta + kanji), and stock photography of microscopes or labs would cheapen the editorial gravity. Four narrow image exceptions: (1) the parent Taiho Communication Mark at small reverent scales only (header, footer, pledge — never enlarged); (2) a single circular vermillion hanko seal stamped top-right of the hero, carrying 十周年 / "10th anniversary" and serving as the anniversary highlight in lieu of a horizontal banner; (3) portfolio company logomarks revealed only via the cursor-tracking hover preview card, never rendered at rest in the register; (4) partner portrait plates in the Team register only — small editorial portraits (~140–160px square, ranged top of each register cell), rendered in muted-duotone tinted to the cream/ink palette (no full-color glossy headshots, no lifestyle imagery). The portraits read as masthead chapter marks, not as the section's headline; the typography (mono index, Lora display name, italic role, est. year) still carries the section, with the plates serving as quiet identification. No editorial photography, no lab imagery, no hero-scale or feature-scale portraits.

7. Do's and Don'ts

Do:

Set every section break with a monospace marker: —— No. 0X / <Section>. The em-dash run-in is the cadence.
Reserve vermillion (#c8472b) for italic emphasis in the H1, the four kanji, link-colored meta, and the pledge quote glyphs. Nowhere else.
Keep the logomark small. Hero header at 36px, pledge section at 200px, footer wordmark at 24px — the small treatment is the point.
Use Lora 400-italic for emphasis, never bold weights. "medicine itself." is the canonical example.
Paint sections with hairline rules (top/bottom 1px in --hakushi-rule) instead of with backgrounds, surfaces, or shadows.
Render the four sectors with kanji 創 (Drug Discovery), 台 (Platform Tech), 分 (Spin-outs), 診 (Devices & Dx) in Noto Serif JP at 48px in vermillion. The kanji ARE the icons.
Write copy in the LP-letter register — patient, plainspoken, sixty-years-old. CTAs read "Submit a company →" and "Read the investment thesis", not "Get started".

Don't:

Use Inter, Roboto, Space Grotesk, or system stacks for headlines (Lora only)
Use any gradient anywhere — heroes, buttons, cards, accents, transparency washes
Add box-shadows or elevation. The page is flat ink on flat paper.
Use the three-up icon-card feature grid — the thesis is a 2×2 hairline-separated kanji grid
Use stock photography, lab imagery, or hero/feature-scale portraiture. The image classes permitted are: (a) the parent Taiho Communication Mark at small reverent scales only (header / footer / pledge); (b) the extracted Taiho flame brushstroke (taiho-flame.svg) used as a large translucent background ornament in the pledge fold (~900px wide, opacity ~0.12, bleeding off the right + bottom edges — desktop only); (c) the anniversary hanko seal (single instance, top-right of hero, ~220px desktop, replaced by a hairline banner above the header on mobile); (d) portfolio company logomarks revealed only via the cursor-tracking hover preview, never rendered at rest in the register; (e) partner portrait plates in the Team register only — small (~140–160px square), muted-duotone tinted to the cream/ink palette, ranged top of each register cell. Portraits are scoped to Team and may not appear in the hero, the pledge, the footer, or any other section. No glossy color headshots; no lifestyle, lab, or environmental portraiture.
Add hover-glow, hover-translate-y, or any animated reveal on links and CTAs beyond a simple opacity/color shift. The portfolio cursor preview is the explicit exception — a single ~140ms opacity fade-in on a fixed-position framed card.
Write CTAs like "Get started" / "Sign up" / "Learn more" — use first-person, voice-shaped CTAs ("Submit a company →", "Read the investment thesis")
Use bold (700+) for emphasis in body copy — italics (Lora 400-italic) carry emphasis
Inflate the logomark at any size beyond the three reverent scales (header / footer / pledge). No watermark, no hero graphic, no enlargement for effect — that treatment belongs to the Vermillion sibling. The anniversary hanko is the only large vermillion graphic permitted on the page.

8. Agent Prompt Guide

For any agent reading this file:

Read this DESIGN.md in full before writing any code, copy, or styling for 25-hakushi-taiho-cvc.
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. (Common conflict: a request to "make it more visual" — the right answer is to push typography or rhythm, not to add imagery.)
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.
Sibling style note: this is the editorial-quiet sibling of the Taiho concept set. Sibling styles 19-cinematic-taiho-cvc, 23-vermillion-taiho-cvc, and 24-labnote-taiho-cvc cover other directions for the same brand — do not borrow visual decisions from them. Each Taiho sibling is its own world.

9. Notes & References

Created: 2026-05-05 Last updated: 2026-05-07 Source URL: https://taihoventures.com/ (the brand) · design exported from Claude Design bundle "tvl/project/01-editorial.html" (2026-05-05) External references:

Lora specimen: https://fonts.google.com/specimen/Lora
Noto Serif JP specimen: https://fonts.google.com/specimen/Noto+Serif+JP
JetBrains Mono specimen: https://fonts.google.com/specimen/JetBrains+Mono
Taiho Pharmaceutical corporate pledge: "We strive to improve human health and contribute to a society enriched by smiles."
Logomark: phoenix in oval — yellow wing (#fdb913), red body (#ef4123), brown details (#845339), brown frame (#8c5938). The colors carry the brand; the editorial direction reserves vermillion as accent only.

Additions log:

2026-05-05: Initial DESIGN.md captured by columbus-design-md-builder from Claude Design handoff bundle (chat: "Taiho Ventures Redesign", direction 01 of 4).
2026-05-05: §1, §6, §7 revised by columbus-design-iterator. Added the hero letterpress watermark (single instance, ~0.09 opacity, paper-not-figure); media stance shifted from type-only → type-led, with logomark watermark. Portfolio register stays type-only (number + serif name).
2026-05-05: §6, §7 amended again — portfolio cursor-tracking hover preview added. Logos surface only on cell hover via a fixed-position framed card (cream paper, hairline border, no shadow); register stays type-only at rest. Implemented as a per-style scripts/index.client.ts (vanilla DOM, no React hydration) wired through the frame-route generator's new hasClient convention.
2026-05-05: Hero watermark replaced by an anniversary hanko seal. §1, §6, §7 revised — logomark watermark exception removed; new permitted graphic class is a single circular vermillion hanko (HankoStamp.tsx) carrying 十周年 stamped top-right of the hero, doubling as the 10-year anniversary highlight (in lieu of a horizontal banner ribbon).
2026-05-07: §6, §7 amended — partner portrait plates added as a fifth permitted image class, scoped to the Team register only at small editorial scale (~140–160px square, muted-duotone tinted to the cream/ink palette). Stock photography, lab imagery, and hero/feature-scale portraiture bans remain. Triggered by user pushback that a type-only Team register felt empty without faces; treatment is deliberately quiet — portraits read as masthead chapter marks beside the typography, not as the section's headline.

Landing

Open detail →

desktop 1440×900

25-hakushi-taiho-cvc/landing

mobile 390×706

9:41

25-hakushi-taiho-cvc

Open →