Typotheque / Specimen Essay Pamphlet

/* Synthesized from Trova family: Typotheque / Specimen Essay Pamphlet (typotheque-specimen-essay) */
/* Evidence base: 3 curated reference(s) · Primary contrast 17.8:1 */
:root {
  /* Surface & Polarity (Daylight-paper dominant) */
  --surface-ground: #fcfbf7;
  --surface-elevated: #2563eb;
  --text-primary: #141413;
  --accent-primary: #4a4843;
  --border-hairline: color-mix(in srgb, #141413 16%, transparent);

  /* Typography (Loadable open-source stack mapped from observed specimens) */
  --font-display: "Austin", system-ui, sans-serif;
  --font-body: "Fedra Mono", system-ui, sans-serif;
  --font-mono: "Fedra Mono", ui-monospace, monospace;

  /* Structural Geometry */
  --radius-surface: 0px;
  --measure-body: 62ch;
}

# Typotheque / Specimen Essay Pamphlet — style sheet

> Peter Biľak multi-script typographic pamphlets pairing historical research essays with full character set specimens.

Derived from 3 curated reference(s) in the `typotheque-specimen-essay` family. Counts are how many references use a value, so a value used once is a lead, not a rule. Paste this into DESIGN.md as a starting system, then verify against the images.

## Type

- Austin — 1/3
- Fedra Mono — 1/3
- Fedra Sans — 1/3
- Fedra Serif — 1/3
- Graphik — 1/3
- Publico — 1/3
- Signifier — 1/3
- Söhne — 1/3
- Söhne Mono — 1/3

## Color

- `#141413` dark neutral — 3/3
- `#fcfbf7` light neutral — 3/3
- `#4a4843` mid neutral — 1/3
- `#2563eb` chromatic — 1/3
- `#c83e2b` chromatic — 1/3
- `#8c8a84` mid neutral — 1/3
- `#d97706` chromatic — 1/3
- `#eae7df` light neutral — 1/3

Readable pairs from these swatches, most-used first (WCAG AA body text needs 4.5:1):
- `#141413` / `#fcfbf7` — 17.8:1
- `#141413` / `#eae7df` — 14.9:1
- `#4a4843` / `#fcfbf7` — 8.8:1
- `#141413` / `#d97706` — 5.8:1

## Moves

### component pattern

- Embed live OpenType feature toggles (`smcp`, `onum`, `tnum`, `liga`, `ss01`) directly beside historical typography essays so readers can test the exact typographic distinction being discussed in place. — 205-typotheque-foundry-multi-script-opentype-feature-tester-long-form-essay
- Clicking any glyph in the 480-character specimen table opens a full-bleed vector contour overlay showing cap-height, x-height, baseline, and sidebearing metrics in `Söhne Mono`. — 206-klim-type-foundry-kris-sowersby-design-information-essays-glyph-waterfall
- Stack optical size (`opsz`), weight (`wght`), and width (`wdth`) scrubbers in a compact sticky header bar that updates every specimen paragraph on the page simultaneously. — 207-commercial-type-specimen-variable-axis-scrubbers-historical-specimen-notes

### grid/layout

- Use an asymmetric 3-column scholarly grid: left 20% for bibliographic footnotes and script coverage tags (Latin, Greek, Cyrillic, Devanagari, Arabic), center 55% for the 64ch essay, and right 25% for live glyph waterfalls. — 205-typotheque-foundry-multi-script-opentype-feature-tester-long-form-essay
- Separate each optical size tier (Display, Deck, Text, Micro) with a `1px solid #111111` rule and an explicit point-size range badge (`6pt–9pt Agate`, `18pt–36pt Deck`). — 207-commercial-type-specimen-variable-axis-scrubbers-historical-specimen-notes

### typography

- Pair long-form historical rationale essays set in `Signifier` (`20px/1.65`) with numbered margin figures that zoom into individual Bézier anchor points and ink-trap terminals. — 206-klim-type-foundry-kris-sowersby-design-information-essays-glyph-waterfall

## References

- 205-typotheque-foundry-multi-script-opentype-feature-tester-long-form-essay — Typotheque Foundry — Multi-Script OpenType Feature Tester & Long-Form Essay (exemplar)
- 206-klim-type-foundry-kris-sowersby-design-information-essays-glyph-waterfall — Klim Type Foundry — Kris Sowersby Design Information Essays & Glyph Waterfall
- 207-commercial-type-specimen-variable-axis-scrubbers-historical-specimen-notes — Commercial Type Specimen — Variable Axis Scrubbers & Historical Specimen Notes