Skip to content
Direction 01 · 19 Apr 2026

The Editorial Standard, carried through every surface.

One direction, committed. Salmon paper, Fraunces italic, a single editorial red. Every asset on this page is lift-ready — the slash is the signature, the palette is stable across surfaces, the typography has one job per face.

Colour tokens

Warm paper, near-black ink, one editorial red. No gradients, no tertiary accents. Holding-up verdict palette maps to the same two-colour vocabulary — sub-state is encoded by the dot inside each pill.

Paper#F6ECE0
Paper 2#EFE1CF
Ink#14130F
Ink 2#2A2824
Muted#7A6D5A
Line#DBC9B2
Accent#C6401F
Accent deep#A83517

Typography

One face per job. Use Fraunces italic for emphasis; Newsreader for reading surfaces; Source Serif 4 only in the masthead; Inter for UI chrome; JetBrains Mono for metadata and IDs.

Agent Mode AI
Source Serif 4 · 500 · masthead only
Editorial Standard
Fraunces italic · 300 · display + emphasis
Every claim carries an ID, a review date, and a verdict you can check. Nothing is quietly removed.
Newsreader · 400 · body, features
Archive  ·  Holding up  ·  Insights  ·  About
Inter · 500 · UI chrome
VEN-2026-001 · HOLDING · 60 DAYS
JetBrains Mono · 500 · metadata, IDs, numerals

Primary lockup

The slash is the atomic unit. At ≥56px it’s flanked by AM / AI. At ≤32px it stands alone — same file, same angle, same signature.

α.1 · 180 · Ink + accent slash
α.2 · 180 · Paper + accent slash
Agent Mode AI
β.1 · Nav / footer wordmark
β.2 · Masthead lockup (lg)

Profile avatars

Same slash, same lockup, different grounds. Primary avatar uses ink ground; LinkedIn square uses paper. Below 32px, flanking letters drop and the slash stands alone.

Ink avatar 144px
D.1 · 144 · Ink ground · primary
Paper avatar 144px
D.2 · 144 · Paper ground · LinkedIn square
32px slash-only avatar
D.3 · 32 · Slash-only collapse

Channel templates

Lift-ready SVG templates for off-site channels. Convert to PNG before upload where platforms require it (Apple Podcasts, most LinkedIn uploaders). Source files under /public/brand/.

Podcast cover 1400×1400
E.1 · Podcast cover · 1400×1400
Download SVG →
LinkedIn profile cover 1584×396
E.2 · LinkedIn cover · 1584×396
Download SVG →
YouTube channel banner 2560×1440
E.3 · YouTube channel banner · 2560×1440 (safe zone 1546×423)
Download SVG →
YouTube thumbnail template 1280×720
E.4 · YouTube thumbnail template · 1280×720
Download SVG →
Drop-in email signature — HTML with inline styles. Paste into Gmail / Apple Mail / Outlook signature editors.
E.5 · Email signature HTML
Download HTML →

Claim verdict pills

Every article carries a verdict pill. Direction-01 uses accent outline for active-watch states and ink fill for critical states; sub-state is encoded by the dot colour inside the pill.

Pending reviewPending review
HoldingHolding
StrengthenedStrengthened
WeakenedWeakened
RetractedRetracted

Provenance

This page renders the current brand. The committed design doc lives at docs/archive/design-brand-direction-01.html — open it in a browser for the full deliverables including Do & Don’t boards, construction specs, and retired lockups kept for provenance. Brand changes land here first, with a short note in the change log.

  • docs/archive/design-brand-system.html — broader brand-system exploration (palette options, register positioning)
  • docs/archive/design-brand-direction-01.html — the committed direction. Source for every asset on this page.
  • components/brand.tsx — React components (BrandMark, Wordmark, FullLogo, DividerGlyph)
  • public/brand/ — static SVG + HTML templates for off-site channels
  • app/globals.css — palette tokens under :root / [data-theme="dark"]
Vigil · 15 reviewed