Canvas
Brand brief — Pictorial Modern CVCDESIGN.md

DESIGN.md — Taiho Ventures, LLC

Per-style brand authority for src/styles/pictorial-modern-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: Mid-Century Scientific Pictorialism — flat-color geometric illustration as a system, not decoration. Cells, molecules, organs, and lab apparatus reduced to essential interlocking shapes. Paper-flat, no rendering tricks, no perspective, no shadows. Secondary remix: Editorial Minimalism (Pentagram lineage) — the surrounding typographic system is disciplined, gridded, and quiet, so the pictorial illustrations carry the visual personality alone. Reference brands: Charley Harper applied to biology subjects (the visual grammar — interlocking arcs, confident silhouette, palette discipline) × Saul Bass for IBM and Bell Labs annual reports (illustration as institutional language) × Otto Neurath / ISOTYPE (pictograms as data carriers, not ornament) × Kit Hinrichs at Pentagram (the bridge between mid-century pictorialism and contemporary corporate work). Visual atmosphere: Confident, systematic, optimistic-about-science. The page reads like a 1962 institutional annual report that happens to live on the web — not retro pastiche, just a different lineage from every other biotech VC site. Warm paper ground, ink-warm near-black, three locked accent colors. Type is structural; pictograms do the talking. A category of one in pharma CVC — Astellas, Ono, MRL, SR One, 5AM, Third Rock are all type-led photographic minimal.

2. Brand Voice

Adjectives: considered, plainspoken, scientifically patient, dryly precise, quietly confident Voice anchor: John McPhee (Oranges, Annals of the Former World) × Stewart Brand (Whole Earth Catalog) — observational, concrete details building toward small earned insights, sentences that breathe, dependent clauses welcome, no marketing punch. McPhee gives the patience and specificity; Brand gives the systematic optimism. Voice sample (pasted exemplar):

An average fruit has eight sections, which are easily separable. They are, however, asymmetrical. If you split open an orange and arrange its sections in order of size, the result will not be a circle but a slight oblong. There is a structural reason for this. Within the membranes of the sections are the juice vesicles — the tear-shaped sacks that hold the juice. The greater the number of juice vesicles, the bigger the section. Sometimes one section is so much larger than the rest that the orange looks deformed. The size of the sections is a matter of varietal heritage and growing conditions, just as is the relative juiciness, sweetness, and color of the fruit. [— John McPhee, Oranges]

Says: "we read the data the same way the team does", "ten years of co-investment, mostly with people we now call back first", "small molecules, biologics, and cell therapy — research through proof-of-concept", "we keep the deck and the cap table open" Avoids: "empower", "unlock", "elevate", "leverage", "robust", "seamless", "world-class", "best-in-class", "the future of", "Get started", "Sign up", "Learn more", "premier" (in copy — it can be the brief's framing, not the brand's voice), "ecosystem" (when "people we work with" is what's meant) Sample sentences:

Most of the companies on this page came to us in their second or third year — past the founding euphoria, before the answers were obvious. That's the moment we like best, and it's most of what we do. Series A oncology rounds usually close on a thin stack of evidence and a thicker one of conviction; the work is helping a syndicate sort the two without flattening either.

3. Color Palette & Roles

Mode: light Dominant: #1A1410 (--pictorial-ink) — body type, headlines, illustration linework. A warm near-black derived from sepia, not pure black; reads softer on warm paper. Accent: #E31B13 (--pictorial-vermillion) — Taiho Red, locked. Used as sharp punctuation: pull-quote underlines, the single highlighted shape per pictogram, hover state for primary CTAs, the section number for the anniversary moment. One vermillion mark per visible viewport, not three. Surfaces:

Notes: No gradients. Color is set in flat blocks, like a printed page. The Taiho three-color anchor (vermillion + yellow + sepia on warm paper) is locked — illustrations may use only these four hues plus the ink and rule colors. No tints, no opacity tricks; if a lighter sepia is needed, that's --pictorial-rule. No purple, no blue, no green — those are not in this palette.

4. Typography Rules

Headline font: Big Shoulders Display — https://fonts.google.com/specimen/Big+Shoulders+Display — weights 300, 800. Designed by Patric King for Chicago Design Office; explicitly a Saul Bass / mid-century display lineage. Condensed, geometric, dramatic at extreme weights. Body font: IBM Plex Sans — https://fonts.google.com/specimen/IBM+Plex+Sans — weights 400, 500, 600. Designed by Mike Abbink as IBM's institutional system; carries the engineered-but-warm register that lets the pictograms feel rigorous rather than cute. Mono accent: IBM Plex Mono — https://fonts.google.com/specimen/IBM+Plex+Mono — weight 500. Used for data labels inside pictograms, portfolio metadata (stage, modality, TA codes), footnote citations, and the Plate / Figure numbering system. Pairing principle: High-contrast — condensed geometric display (Big Shoulders, weights at the extremes) against balanced humanist-engineered body (Plex Sans, mid weights). The display does the dramatic work; the body stays out of its way. The mono is the third voice — used sparingly for technical labels. Weight extremes: Big Shoulders 300 (delicate) vs 800 (massive) — never 500 or 600. Plex Sans 400 (body), 500 (small caps / labels), 600 (subheads); never 700+. Mono only 500. Size scale: H1 5.5rem (Big Shoulders 800, condensed display), H2 2.75rem (Big Shoulders 800), H3 1.375rem (Plex Sans 600), body 1.0625rem (Plex Sans 400, 1.55 line-height), caption 0.8125rem (Plex Mono 500, tracking +0.04em uppercase) Max font sizes per page: 3 Banned (do not use): Inter, Roboto, Open Sans, Lato, system stacks, Space Grotesk, DM Sans, Manrope, Outfit, Poppins, Geist, any default-feeling neo-grotesque. No serifs at all on this style — the personality lives in the pictograms and the condensed display, not in a serif.

5. Layout & Density

Grid: Modular 12-column with deliberate asymmetric pictorial breaks. Long-form sections take 8 cols with a 4-col marginalia gutter (used for Plex Mono captions, plate numbers, and the small "key" pictograms that decode the larger compositions). Portfolio rows behave like a clinical pictographic table — each company is a horizontal strip with a 6-pictogram fingerprint (modality / stage / TA / status / co-investors / outcome) and a 1-line caption. Container max-width: 1320px Section rhythm: varied — hero opens with a single landscape pictorial composition (the "anchor plate") that occupies the full 12-col span at large height; second section returns to dense 8/4 editorial rhythm with marginalia; portfolio is rhythmic horizontal bands at consistent 96px height; team page is asymmetric two-column with pictogram portraits left and prose right. Min container padding: 24px (mobile), 80px (desktop). Generous gutter is part of the institutional read. Asymmetry / overlap commitments:

6. Atmosphere & Media

Hero treatment: Solid warm paper (#F4EFE6) — committed solid, not a default. The pictorial system wants flat ground; any gradient or photograph would compete with the illustrations. Atmospheric layers:

Shadow style: None. Pictograms are paper-flat — depth comes from layered flat shapes, not from elevation. No drop shadows on cards, buttons, or images. Media stance: 3d-illustrated (slot-name; the actual mode is flat 2D pictorial illustration as a system, not 3D renders). Stance reasoning: The whole thesis of this style is that what we draw, we mean. The pictogram system is the visual personality — there are no photographs anywhere on the site, no headshots in plain rectangles, no laboratory stock imagery. Team members are represented by pictogram portraits drawn in the same flat geometric grammar as everything else. Portfolio companies are represented by 6-pictogram fingerprints, not logo grids. The anniversary moment is a bespoke pictorial composition.

Production note for illustrations. SVG-first. Build a master library of ~12 pictograms in the src/styles/pictorial-modern-cvc/components/illustrations/ directory, hand-drawn in SVG (Charley Harper-style flat geometric — circles, arcs, rectangles, paths, no gradients, no filters, palette locked to the four illustration hues). Each pictogram should be data-driven where possible (e.g., a <TherapeuticAreaPictogram area="oncology" /> component that swaps shape composition based on prop). For the rare composition too complex for hand-drawn SVG (the hero anchor plate, the anniversary "Plate 10.0" composition), Gemini-generate the master image in the same flat geometric vocabulary, then export as optimized SVG or high-quality PNG for use as a single hero asset. The overwhelming majority of illustrations across the site should be SVG components, not raster.

7. Do's and Don'ts

Do:

Don't:

8. Agent Prompt Guide

For any agent reading this file:

9. Notes & References

Created: 2026-04-29 Last updated: 2026-04-29 Source URL: https://www.taihoventures.com/ (legacy site — content reference only; the new site is a structural and visual modernization, not a copy rewrite per the project brief) External references:

Additions log:

Open →
Restricted

Design Canvas

Enter the access key to continue.