---
version: alpha
name: A16z
description: Dark design system extracted from a16z.com (DOM-true values, Emblematic extractor 0.2.0, 2026-11-12).
colors:
  on-surface: "#FFFFFF"
  background: "#504E4A"
  color-3: "#00000070"
  mk-label-color: "#000000"
  header-color-hover: "#C69344"
typography:
  display-lg:
    fontFamily: Domaine Text
    fontSize: 14px
    fontWeight: 300
    lineHeight: 1.429
  label-md:
    fontFamily: Domaine Text
    fontSize: 11px
    fontWeight: 300
    lineHeight: 1.454
rounded:
  full: 9999px
spacing:
  xxs: 8px
  xs: 16px
  sm: 22px
  md: 24px
  lg: 32px
  xl: 44px
  2xl: 56px
  3xl: 96px
  base: 8px
  container: 1328px
---

# A16z

> Extracted from [https://a16z.com/](https://a16z.com/) on 2026-11-12 by Emblematic. Every value below was read from the rendered DOM (computed styles, `document.fonts`, and the fonts Chrome actually used to paint text), not estimated from pixels. When the YAML front matter and this prose disagree, the YAML wins. Copy values from this file exactly; don't transcribe them from memory. Don't copy logos, imagery, illustrations or marketing copy.

## Overview

A16z uses a dark canvas (#504E4A) with a monochrome palette. Type is set in **Domaine Text**, **Domaine Sans Text** (ui), with ?px body text. Layout: 1328px container, top-fixed+transparent navigation, 2 sections. Built with wordpress, tailwind, google-tag-manager, cloudfront.

## Colors

Area-weighted from painted backgrounds, text and borders on the 1440px light capture. Roles are inferred from usage (largest background, most text, interactive fills). Every hex is an exact computed value; a role marked *unverified* is a best guess that has not passed review, so its canonical token (e.g. `primary`) is left out of the front matter.

| Token | Hex | OKLCH | Role | Share of paint | CSS variable |
|---|---|---|---|---|---|
| `on-surface` | `#FFFFFF` | 1 0 0 | text | 43.8% | `--footer-text` |
| `background` | `#504E4A` | 0.424 0.007 84.6 | bg | 26.2% | `--footer-social-bg` |
| `color-3` | `#00000070` (on bg `#2D2C29`) | 0 0 0 | other | 27.5% | — |
| `mk-label-color` | `#000000` | 0 0 0 | other | 2.1% | `--mk-label-color` |
| `header-color-hover` | `#C69344` | 0.697 0.114 75.8 | other | 0.50% | `--header-color-hover` |

Declared brand/accent tokens: `--post-accent-color` = `#336D5D` (declared, not painted on this page).

Contrast: text on background 8.3:1.

Gradients in use: `linear-gradient(rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0))`.

The site does not change under `prefers-color-scheme: dark`.

## Typography

| Family | Role | Weights | Share of text | Source |
|---|---|---|---|---|
| **Domaine Text** (CSS: `domaine-text`) | body | 300 | 79.1% | webfont |
| **Domaine Sans Text** (CSS: `domaine-sans-text`) | ui | 300 | 20.9% | webfont |

Declared in `@font-face` but not used to paint text on this page: Icomoon, Messina, Orpheus Pro, Termina, EB Garamond, Messina Condensed. Don't treat these as the page's fonts.

Scale (px): 11, 14.  Body ?px at line-height normal; display 14px with tracking 0em. Headings are mixed case. On a 390px viewport the body is ?px and display 12px.

## Layout

Spacing follows a 8px base unit; the most used steps are 8, 16, 22, 24, 32, 44, 56, 96px. Content sits in a 1328px container. Text density 0.008 (text area / page area).

Section order (desktop). Kinds below the review threshold are shown as *section*:

1. **nav** (56px, bg #F6F4EE)
2. **footer** (900px, bg #F6F4EE)

## Shapes

Dominant corner radius is a full pill; radii in use: pill. Borders: none.

## Do's and Don'ts

- Do keep the palette monochrome; there is no chromatic brand accent on the page.
- Do set body copy in Domaine Text at ?px.
- Don't introduce font weights beyond 300.
- Don't add drop shadows; depth comes from tone and borders.
- Do keep corners at pill for most controls.
- Do snap spacing to multiples of 8px.
- Don't copy this site's logos, illustrations, photography or copy; use the system, not the brand assets.

## Provenance

Spec v2, extractor 0.2.0. Render quality: **ok**. Vision pass: not run. Fields below confidence 0.7 are hedged or left out above: `components`, `layout.columns`, `layout.hero`, `layout.section_count`, `space.section_padding_px`, `type.ratio`. Full per-field provenance is in `spec.json`.