Canvas

Brand brief — Editorial Minimal PressDESIGN.md▸

DESIGN.md — Taiho Ventures (concept: `editorial-minimal-press`)

Per-style brand authority for src/styles/editorial-minimal-press/. 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 — disciplined typography, column-grid, generous gutters, type as the primary design element Secondary remix: Cult / Indie — editorial color blocks, courage in unexpected places, the willingness to feel a little weird in service of distinctiveness Reference brands: SR One (clinical UX + cool abstract scientific graphics; the "pharma heritage meets agile VC" execution) × MIT Press / Idea magazine (Japanese editorial restraint + typographic confidence; sumi-e brushstroke as accent) × A24 (warmth + indie courage; the willingness to look like itself rather than its category) Visual atmosphere: Reads like the annual report of a Japanese trading house, not a SaaS pitch. Cream-paper background, sepia ink for type, red brushstroke as punctuation, yellow used once per page maximum. Asymmetric column rules. Real data tables, not illustrative ones. Abstract scientific illustration in a flat sepia palette (gel-blot patterns, molecular silhouettes, microscopy abstracted) — never stock photography, never gradient meshes. The page should feel printed, archival, and quietly confident.

2. Brand Voice

Adjectives: strategic, archival, declarative, quiet, founder-fluent Says:

"We don't lead. We bridge."
"Patient capital, by design."
"$400M under management. Twenty-three companies. One thesis."

Avoids:

"Empowering," "transforming," "innovating the future"
"We believe," "we're passionate about," "our mission is to"
"Get started," "Learn more," "Sign up"
Adjective stacks ("breakthrough, cutting-edge, world-class")
VC-speak: "value-add," "stage-agnostic," "thesis-driven"

Sample sentences:

"Taiho Ventures is the bridge between breakthrough science and global commercialization. We syndicate alongside the institutional VCs you already know, and we bring what they can't: a global pharma cap-table signal, R&D infrastructure across three therapeutic areas, and a commercial gateway to Asia. Patient capital. Strategic, not stage-agnostic. Built to bridge."

3. Color Palette & Roles

Mode: Light primary, with a single deep-sepia inverted band per page (not full dark mode)

Dominant:

#FAF6EF (--editorial-minimal-press-paper) — page background; the cream-not-white move. The single most important color decision in this concept.
#2D1F12 (--editorial-minimal-press-ink) — body type and high-contrast UI; reads as printed ink on cream
#8A532C (--editorial-minimal-press-sepia) — Taiho Sepia, brand-locked; headlines, dividers, secondary type

Accent:

#E31B13 (--editorial-minimal-press-red) — Taiho Red, brand-locked; punctuation only — links, key data callouts, the brushstroke gesture (see §6). Never UI chrome, never a button-fill default.
#FABE00 (--editorial-minimal-press-yellow) — Taiho Yellow, brand-locked; one emphasis per page maximum (a pull-quote highlight, a single highlighted word). If you find yourself using it twice on a page, pick one and remove the other.

Surfaces:

#F2EBDF (--editorial-minimal-press-surface) — section backgrounds (slightly darker cream, not gray)
#E8DFC9 (--editorial-minimal-press-muted) — table row hover, code blocks, quiet panels
#3D2815 (--editorial-minimal-press-deep) — inverted band background; cream type on deep sepia
#D4C9AE (--editorial-minimal-press-rule) — column rules and dividers

Notes:

No gradients. Color sits in flat blocks like printed pages.
No drop shadows on cream surfaces — depth comes from rule weight and color contrast, not shadow.
The cream is non-negotiable. Pure white anywhere on the page collapses the whole concept back to AI-default SaaS.

4. Typography Rules

Headline font: Fraunces — https://fonts.google.com/specimen/Fraunces — variable axes (opsz 9–144, wght 100–900, SOFT 0–100, WONK 0–1). Use opsz 144 + SOFT 100 + WONK 1 at display sizes for editorial character. Weights used: 400, 600, 900. Body font: DM Sans — https://fonts.google.com/specimen/DM+Sans — weights 400, 500, 700. Mono / data font: JetBrains Mono — https://fonts.google.com/specimen/JetBrains+Mono — weights 400, 500, 700. Used for data tables, captions, clinical labels, deal stats. The "built for PhDs" signal.

Pairing principle: Variable editorial serif (display) + warm humanist sans (body) + technical mono (data). Three-font system; each has a single, distinct job.

Weight extremes: Display Fraunces 900 next to body DM Sans 400 for the headline-to-paragraph drop. Mono in 500 for data; never bolded mono on cream.

Size scale (desktop):

H1: 4.5–6rem (Fraunces 900, opsz 144, SOFT 100, line-height 0.95, tracking -0.02em)
H2: 2.75rem (Fraunces 700, opsz 96, line-height 1.05)
H3: 1.625rem (Fraunces 600, opsz 36, line-height 1.2)
Body: 1.0625rem / 17px (DM Sans 400, line-height 1.55)
Caption: 0.8125rem / 13px (JetBrains Mono 500, tracking 0.04em, uppercase)
Data label: 0.75rem (JetBrains Mono 500, uppercase, tracking 0.08em)

Max font sizes per page: 4 distinct sizes maximum (H1 + H2/H3 + body + caption/mono). Don't introduce a fifth — collapse to an existing size.

Wordmark constraints (non-negotiable):

The TAIHO VENTURES, LLC wordmark and Taiho Communication Mark logomark are set in stone (per brand guidelines PDF C-01, C-02, C-07). Never recreate them in webfont; always SVG.
Header may use logomark only (the oval Taiho symbol) at small sizes; full lockup reserved for footer and key entry points.

Banned (do not use): Inter, Roboto, Open Sans, Lato, system stacks, Space Grotesk, Poppins, Montserrat, Playfair Display, DM Serif Display, Helvetica Neue.

5. Layout & Density

Grid: 12-column with deliberate asymmetric breaks. Content typically sits in 7-of-12 with a 4-of-12 sidebar carrying captions, mono data, or pull quotes. Hero often runs 12-of-12 but with the H1 anchored to columns 2–8, leaving 9–12 for a brushstroke or data sidebar. Container max-width: 1280px content; full-bleed only for the inverted deep-sepia band and for the brushstroke gestures. Section rhythm: Dense-then-airy — a data/portfolio section followed by a single-quote-on-cream section, then back to dense. Don't run two airy sections back to back; the rhythm is what creates the editorial-magazine feel. Min container padding: 24px (mobile), 64px (desktop) Asymmetry / overlap commitments:

Section headings ride a column rule, not centered
Body text hangs off a column boundary, not centered
Numbers in data sections always right-align in their column; labels left-align
Pull quotes break out of the column grid by 1–2 columns to create magazine-style emphasis
The brushstroke gesture (see §6) breaks the grid intentionally — it's allowed to extend past the column it sits in

6. Backgrounds & Depth

Hero treatment: Solid --editorial-minimal-press-paper with a single oversized brushstroke graphic in --editorial-minimal-press-red set at low opacity (0.08–0.12) behind the H1. Brushstroke is SVG, hand-drawn feel (not a perfect rectangle, not a gradient), echoes the red stroke on the Taiho Communication Mark. No photography. No gradient. No mesh. Atmospheric layers:

Subtle paper grain (~3–5% noise, sepia-tinted) on the paper surface — barely perceptible, but it removes the digital "flat color" feel
Column rules in --editorial-minimal-press-rule at 1px between content blocks
No grid lines, no halftone, no scan-line effects Shadow style: None. Depth comes from rule weight, color contrast, and the brushstroke gesture. Drop shadows on cream collapse the editorial feel — banned outright.

The signature gesture: A hand-drawn red brushstroke (sumi-e energy, not a flat rectangle) appears as:

An underline beneath each major H1 — sized to feel organic, never the full width of the headline
A divider between major page bands — full-bleed, but with a hand-drawn end (frayed, not crisp)
An accent on portfolio company callouts — a single short stroke beside a featured company name

This gesture is the design system's most distinctive element. It echoes the red brushstroke on the Taiho Communication Mark itself. Render as SVG paths, not images. Don't use Figma's "marker" stroke — too clean. Use a real hand-drawn SVG with irregular edges.

7. Do's and Don'ts

Do:

Use the cream --editorial-minimal-press-paper as the page background. Always. Pure white is banned on body content.
Lead headlines with Fraunces in heavy weights (700–900) and let them be physically large
Use the red brushstroke gesture on every major page and let it break the grid
Right-align numbers in data tables and use JetBrains Mono for them
Set captions in mono uppercase with letter-spacing — the GV/MPM clinical-precision signal
Write copy short and declarative. If a sentence has more than two clauses, cut one.
Ground portfolio storytelling in real numbers (round counts, syndicate partners, exit outcomes) — not adjectives

Don't:

Use Inter, Roboto, Open Sans, Lato, system stacks, or Space Grotesk
Use purple gradients on white (or any AI-center gradient)
Use pure white (#FFFFFF) as the page background — cream only
Use the three-up icon-card feature grid (the AI-default "Why us?" trope)
Use stock photography of scientists in lab coats, abstract DNA helices, or pipettes
Use drop shadows or glow effects on cream surfaces
Use Taiho Yellow more than once per page
Use Taiho Red as a button-fill default — it's brushstroke punctuation, not chrome
Use hamburger nav on desktop; on mobile, prefer a "Menu / Close" text toggle in the brand voice
Write CTAs like "Get started", "Learn more", "Sign up" — use voiced CTAs instead: "Tell us what you're building", "See the thesis", "Read the case studies"
Photograph the team in standard corporate-headshot style — even the team page should feel editorial (sepia duotone treatment, large negative space, mono captions)

8. Agent Prompt Guide

For any agent reading this file:

Read this DESIGN.md in full before writing any code, copy, or styling for editorial-minimal-press.
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.
The Taiho Communication Mark and TAIHO VENTURES, LLC wordmark are brand-locked artifacts (per the C-01/C-02/C-07 guidelines). Always SVG, never recreated in webfont. Acceptable to use logomark only at header sizes; full lockup reserved for footer / primary identity moments.
The three brand colors (Sepia #8A532C, Red #E31B13, Yellow #FABE00) are locked by the Taiho parent brand. The cream paper, deep sepia surface, and ink-brown body color are concept-specific extensions that complement the locked palette without competing with it.

9. Notes & References

Created: 2026-04-28 Last updated: 2026-04-28 Source URL: n/a (greenfield concept built from project brief + Taiho parent-brand guidelines PDF)

Brief & brand inputs:

/workspace/research/TOI2601_TVL Site Brief_v3.docx — project brief (audience, positioning, mandate, KPIs, references)
/workspace/research/Taiho-ventures-basic-branding-v0.pdf — Taiho Communication Mark guidelines (C-01 colors, C-02 monochrome, C-07 Taiho Ventures lockup)
/workspace/research/legacy-web-copy/ — fact-finding only, not design inspiration

Aesthetic references (visual baselines, not to clone):

SR One — https://srone.com — clinical UX + cool abstract scientific graphics (user-named closest reference)
MIT Press — https://mitpress.mit.edu — editorial discipline + color confidence
Idea magazine — Japanese editorial typography reference
A24 — https://a24films.com — courage to look like itself
MUJI — https://www.muji.com — Japanese editorial restraint + warm-neutral palette

Strategic references (for IA, not visuals):

MPM BioImpact — clinical precision, built for PhDs
GV Life Sciences — gold standard for portfolio sorting

Concept positioning vs. siblings: This is concept #1 of N. Posture: distinctive-first — the brief explicitly named the homogeneity trap (Astellas, Ono, MRL all look the same), and the differentiated visual posture is the easier proof of differentiated thesis. Future concepts may take a more conservative-premium posture (e.g., charcoal/blue institutional) to triangulate.

Additions log:

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

Landing

Open detail →

desktop 1440×900

editorial-minimal-press.figmagic.local/landing

mobile 390×706

9:41

editorial-minimal-press.figmagic.local

DESIGN.md — Taiho Ventures (concept: editorial-minimal-press)