DESIGN.md — Taiho Ventures (Maximalist Magazine concept)

Per-style brand authority for src/styles/maximalist-magazine-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: Neon Brutalist (Pitchfork / The Verge lineage — saturated color, oversized condensed type, magazine-collage layouts) crossed with Editorial / Magazine (the print-magazine idiom — covers, spreads, folios, marginalia). Secondary remix: Data-Dense Pro touches for the syndicate-storytelling pieces (co-investor maps, round-history infographics, portfolio tables) — magazine treatment, not Bloomberg-terminal treatment. Reference brands: Bloomberg Businessweek under Richard Turley (2010–2014, the gold standard for confident business-press maximalism) × WIRED under Scott Dadich (technical-magazine energy applied to science) × MIT Technology Review (biotech-credible editorial gravity) × Pentagram editorial work (the discipline that keeps maximalism from collapsing into noise). Visual atmosphere: Loud on the page, measured in the prose. Full-bleed flat color blocks crash into multi-column long-form articles; oversized condensed display type sets the tone before any body copy is read. The whole site reads like an issue of a science-and-business magazine that happens to be about a venture portfolio — covers, folios, pull-quotes, infographic spreads, and editorial photography of real labs and real founders. The discipline lives in the editorial restraint inside each spread; the boldness lives in how those spreads transition.

2. Brand Voice

Adjectives: confident, plainspoken, scientifically literate, dry, considered. Says:

"We've been doing this since 2016."
"We're a strategic syndicate partner — we don't lead rounds, we co-invest with the firms that do."
"Three areas: oncology, immunology, urology. Research through proof-of-concept." Avoids: "empower," "unlock," "leverage," "robust," "seamless," "world-class," "best-in-class," "next-generation," "Get started," "Sign up," "Learn more," "At Taiho Ventures, we…", "Our team of experts," "We pride ourselves," tagline-shaped declaratives that read as homepage hero copy rather than something a person would say. Sample sentences:

We're a CVC, but the way we operate looks more like a small institutional fund than a corporate program. We come in early — research to PoC — and we co-invest with the firms leading the round. What we add to a cap table is a credible global pharma partner, which tends to change how the rest of the syndicate thinks about what comes next.

Patient capital isn't a marketing line for us; it's a structural fact. Our parent company doesn't need this fund to clear a 7-to-10-year window. That changes the kind of science we can back, and the kind of conversations we can have with founders about timing.

3. Color Palette & Roles

Mode: light — committed. Magazine print is light-mode by default; dark-mode treatments would shed the print-cover idiom. Dominant: #1A1A1A (--mmcvc-ink) — body type, headlines on light backgrounds, rules. Reads as ink-on-paper rather than pure black, with a touch of warmth so it doesn't feel digital. Accent: #E31B13 (--mmcvc-red) — Taiho Red, used as oversized condensed display type on color-block hero spreads, pull-quote attribution, and editorial flagging (callouts, folio numbers, status indicators in syndicate infographics). Sharp punctuation, never a fill color for large surfaces. Surfaces:

#FAF7F2 (--mmcvc-paper) — page background, off-white with a slight warm cast like uncoated stock
#FABE00 (--mmcvc-yellow) — Taiho Yellow, used as full-bleed section backgrounds (cover spreads, pull-quote pages, "issue divider" treatments). High saturation, used in flat blocks
#8A532C (--mmcvc-sepia) — Taiho Sepia, used for hairline rules, secondary-pull color blocks (the third color when Yellow and Red are also on the page), and editorial-photo overlays
#E8E3DA (--mmcvc-rule) — borders, table dividers, soft separators

Notes: No gradients. Color is set in flat blocks like printed pages. Yellow, Red, and Sepia coexist on the same spread when the layout calls for it — the magazine idiom embraces three-color coexistence rather than picking one accent. The cohesion comes from how the three are weighted (Yellow = surface, Red = type, Sepia = rule), not from restricting the palette.

4. Typography Rules

Headline font: Anton — https://fonts.google.com/specimen/Anton — weight 400 (single-weight by design). Chunky condensed sans, set at extreme size (8–12rem on hero spreads, 4–6rem on section openers). The single most important typographic decision in the system; carries the Turley/Businessweek-cover identity. Body font: Newsreader — https://fonts.google.com/specimen/Newsreader — weights 400, 600. Editorial serif with personality (slightly idiosyncratic terminals, optical sizes), used for all long-form prose, pull-quotes, and secondary headings. Reads as "magazine feature article," not "SaaS body copy." Mono / caption font: JetBrains Mono — https://fonts.google.com/specimen/JetBrains+Mono — weights 400, 700. Used for captions, folio metadata (page numbers, dates, section labels), data labels in portfolio tables, infographic annotations, and any technical readout (clinical phase tags, modality labels, round size). Pairing principle: Three voices, three jobs — condensed display sans (Anton) shouts, editorial serif (Newsreader) speaks, mono (JetBrains Mono) annotates. High contrast achieved through scale and family rather than weight variation; the Anton-vs-Newsreader scale jump is the central typographic gesture. Weight extremes: Anton's single weight at extreme scale vs. Newsreader 400 body at 1.125rem. The contrast is dimensional, not weight-driven. Size scale:

H1 (hero/cover spreads): 8–12rem desktop, 4.5rem mobile (Anton)
H2 (section openers): 4–6rem desktop, 2.75rem mobile (Anton)
H3 (article headings): 1.75rem (Newsreader 600)
Body: 1.125rem (Newsreader 400)
Caption / mono: 0.8125rem (JetBrains Mono 400) Max font sizes per page: 3 (Anton hero, Newsreader heading + body, JetBrains Mono caption — counted as three font roles, even though Newsreader appears at multiple sizes). Banned (do not use): Inter, Roboto, Open Sans, Lato, Source Sans, system stacks, Space Grotesk, Bebas Neue (the cliché overused condensed sans — Anton is the un-Bebas), Playfair Display (the slop didone), Montserrat, DM Sans, any neo-grotesque set at body size as a "premium SaaS" signal.

5. Layout & Density

Grid: 12-column with intentional magazine-cadence breaks. Cover/hero sections are full-bleed (edge-to-edge color blocks); article sections are 2-column (8/4 split — body in 8, marginalia and pull-quotes in 4); data-driven sections (portfolio tables, syndicate maps) use a 12-col data grid. The grid changes register between spreads, not within them — that's the magazine rhythm. Container max-width: 1440px for editorial spreads. Full-bleed sections have no max — they go edge-to-edge with the viewport. Section rhythm: Varied — cover spread → 2-col article → full-bleed photo essay → data-grid syndicate map → cover spread → ... The cadence mimics flipping through an actual magazine. Each transition is intentional and visually different from the last; consistent uniform density across sections is a slop tell here. Min container padding: 24px (mobile), 64px (desktop). Full-bleed sections override to 0 (edge-to-edge color blocks); their inner content respects 64px from the viewport edge so type doesn't crash into the screen edge. Asymmetry / overlap commitments:

Hero text is never centered — always left-anchored or off-grid asymmetric, with intentional negative space on the right or left
Pull-quotes break out of the body column into the marginalia gutter
Folio metadata (page numbers, dates, section labels in mono) sits in the corners of spreads, like print folios
Section-opener spreads use Anton type that runs to the bleed edge — the type is the cover
Infographic captions can hang into the gutter or break the column for emphasis

6. Atmosphere & Media

Hero treatment: Full-bleed flat color block (Taiho Yellow #FABE00 for the dominant cover treatment, Taiho Red #E31B13 for high-stakes editorial moments, Sepia #8A532C as a tertiary pull). Solid color is intentional — magazine print is flat ink. The boldness of the choice IS the atmosphere; gradients would dilute it. Atmospheric layers: Subtle 4–6% offset-print noise overlay across the full page background (the texture of uncoated paper running through a four-color press). 1px hairline rules in --mmcvc-sepia for section dividers and table rules. No other layered effects. Shadow style: None. Magazine print is flat ink on paper — depth comes from color contrast and typographic scale, not elevation. Media stance: mixed-media — three coexisting modes that each serve a job:

Editorial photography for portfolio companies and team — real lab spaces, real founders, real clinical environments. Captioned in JetBrains Mono with date/place/subject. No stock photography ever.
Bold infographics for syndicate storytelling — co-investor relationship maps, round-by-round funding histories, therapeutic-area distribution charts, exit-outcome timelines. Hand-set in Anton + JetBrains Mono, treated as editorial features (full-page or two-page spreads), not chart-junk dashboards.
Oversized type pulls for declarative editorial moments — full-bleed spreads where the headline IS the page, set in Anton at 10–12rem, on a Yellow/Red/Sepia ground. Stance reasoning: The brief asks the site to do three things at once — convey credibility, story-tell the syndicate portfolio, and convert qualified founders. A single media mode (e.g., type-only, or photography-led) handles one of those well; mixed-media handles all three because it lets each section reach for the medium that serves the message. The discipline that keeps it from being scattershot is the consistency of the three modes — same photographic register, same infographic vocabulary, same typographic system across all of it.

7. Do's and Don'ts

Do:

Set Anton at 8–12rem for hero/cover-spread headlines — let the type run to the bleed edge
Use full-bleed flat color blocks (Yellow, Red, Sepia) for section transitions, like turning a page in a magazine
Treat infographics as editorial features — caption them in JetBrains Mono, hand-set them, give them their own spread
Pull marginalia and folios into the corners (page numbers, dates, section labels in mono — the "print folio" register)
Write copy in measured, considered prose — the kind a senior partner would actually say in a meeting, not the kind that ends up on a homepage hero
Use real photography of real people, labs, and clinical environments — captioned with date and place

Don't:

Use Inter, Roboto, Bebas Neue, Playfair Display, system stacks, or any of the banned fonts in §4
Use any gradient — the brand is flat ink on paper
Use shadows, glassmorphism, or any elevation effect
Center hero text — always left-anchored or off-grid asymmetric
Write punchy slogans, taglines, or marketing copy ("Empower," "Unlock," "Leverage," "Get started," "Learn more," "Discover")
Use the three-up icon-card "what we offer" feature grid — replace it with a magazine-feature treatment (full spread per offering, not three little cards)
Use stock photography under any condition
Treat data as charts-on-a-dashboard — every chart is an editorial feature with a caption and a perspective

8. Agent Prompt Guide

For any agent reading this file:

Read this DESIGN.md in full before writing any code, copy, or styling for maximalist-magazine-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.
If the user asks 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 asks 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.
Brand voice in particular: when generating copy, default to measured, conversational prose with hedges and texture. Watch for sentences that read as homepage hero copy or that could be lifted as a tagline — those are voice violations even if they're grammatical.

9. Notes & References

Created: 2026-04-29 Last updated: 2026-04-29 Source URL: n/a (extracted from brief, not from a live brand site that captures this aesthetic — the legacy taihoventures.com is being retired) External references:

Project brief: research/TOI2601_TVL Site Brief_v4.docx
Brand identity guidelines: research/Taiho-ventures-basic-branding-v0.pdf (logo system, color specs)
Legacy site copy (working content for launch, voice baseline only): research/legacy-web-copy/
Bloomberg Businessweek covers, Richard Turley era (2010–2014) — primary visual lineage
WIRED magazine, Scott Dadich era — secondary visual lineage
MIT Technology Review — tertiary, biotech-credible editorial gravity

Additions log:

2026-04-29: Initial DESIGN.md captured by columbus-design-md-builder. Direction selected from a three-option menu (Capital Terminal / Clinical Journal / Maximalist Magazine) on the basis of being the most progressive of the three for biotech CVC in 2026 — institutional pharma VCs are not currently doing magazine-maximalist, and reaching back for the Turley-era idiom reads as confidence rather than nostalgia.

Cover

Open detail →

desktop 1440×900

10-maximalist-magazine-cvc/landing

mobile 390×706

9:41

10-maximalist-magazine-cvc

Open →