Skip to content
Brand kit

Deep navy and bio green, set in Space Grotesk and Inter. The palette is shared with the Humain deck workspace, so the site and the decks read as one brand.

Named colours

Tier 1: raw values, defined once in src/styles/theme.css. The same in every mode.

  • Deep navyHero and dark bands--color__humain-deep-navy
  • Section navyDark band ground--color__humain-section-dark
  • Navy midPanels on dark bands--color__humain-navy-mid
  • Bio greenThe accent: eyebrows, links, marks--color__humain-bio-green
  • Bio green glowGradient partner--color__humain-bio-green-glow
  • Accent paleTags and icon badges--color__humain-accent-pale
  • Off-whiteLight page ground--color__off-white-bg
  • Ink navyText on light--color__foreground-navy
  • Muted inkSecondary text--color__muted-text
  • Soft borderCard edges and rules--color__border-soft

Semantic tokens, current mode

Tier 2: what components read. Switch the mode in the header to watch them remap.

  • --color-background
  • --color-surface
  • --color-text
  • --color-text-muted
  • --color-primary
  • --color-accent
  • --color-border
  • --color-section-dark

Type

Display · Space Grotesk 300–700

The Age of Biology Has Begun.

Body · Inter 300–600

AI is turning biology into an engineering discipline. Humain Ventures backs founders building the future of therapeutics, prevention, and human health.

Mark

The trademark's outlined wordmark, public/marks/trademark__Humain-Ventures.svg, drawn in the current text colour by basics/Wordmark.astro. Use the component wherever the firm's name stands as a mark; set type is for the name in a sentence.

Imagery

A glowing DNA helix and network nodes on deep navy.
The hero field, shown at 40% over the navy gradient on the site.
Share banner: the Humain Ventures wordmark over 'The Age of Biology Has Begun.'
og/share-banner.jpg, 1200×630. The link preview on every page: iMessage, WhatsApp, Slack, LinkedIn.
Tall share image with the headline, lead and tagline.
og/share-tall.jpg, 1200×1500 (4:5). For posting as an image in a chat or a status.

Both come from scripts/share-image/template.html; change the copy there and run bash scripts/share-image/render.sh.