Perpetually Devastated

Design Tokens · Reference

v0.1 · 2026-05-17 · DTCG v1

At a Glance

Perpetually Devastated's brand is intentionally monochrome — pure white paper, warm near-black ink, with hierarchy carried entirely by type and space. One face (Gotu) handles brand identity in display use; a humanist sans (Work Sans) handles body text. No bold, no italic in display work; emphasis comes from case, size, and position.

Palette
White #FFFFFF · Warm near-black #1A1815
Display face
Gotu — semantic.typography.family.display
Body face
Work Sans — semantic.typography.family.body
Mono face
JetBrains Mono — semantic.typography.family.mono
Display tracking
0.3em on all all-caps treatments
Spacing
Base-4, 12 steps (0 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128 · 192 px)
Print bridge
$extensions.com.perpetuallydevastated.print on brand color tokens
Authority
Parker Bolden (brand) · Negar Vali (creative) · Tyler Straub (tech)

Color

Two semantic colors map onto two primitive colors. Photography contributes warmth and material in any consumed context — woods, brass, terracotta, ceramics — but the token system itself encodes only paper and ink. Anything beyond these is a brand-identity decision pending Parker's approval.

primitive.color.paper

#FFFFFFrgb(255,255,255)

Pure white. Used wherever a background is implied — body of the page, behind imagery, between sections.

primitive.color.ink

#1A1815rgb(26,24,21)

Warm near-black. Used for every typographic role and any structural rule. R>G>B bias preserved — the warmth aligns with PD's craft register and softens the contrast against paper.

Typography

Three faces in the brand system, all SIL OFL (free, self-hostable). Plus Hightower held as a print-only secondary for pieces that follow the 2026 lookbook's typesetting. Display uses 0.3em tracking; body uses normal tracking. No italic or bold appears in display register — Gotu ships Regular-only on purpose.

Display semantic.typography.family.display → primitive.typography.family.brand
Gotu · Sorkin Type · SIL OFL

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 — & ?

Body semantic.typography.family.body → primitive.typography.family.body
Work Sans · Wei Huang · SIL OFL

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 — & ?

Mono semantic.typography.family.mono → primitive.typography.family.mono
JetBrains Mono · SIL OFL

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 — & ?

Applied roles

Wordmark family.display + tracking.display 28px · 0.3em · uppercase · weight 400

Perpetually Devastated

Section label family.display + tracking.display 14px · 0.3em · uppercase · weight 400
Body copy family.body + tracking.body 14px · 0em · sentence case · weight 400

Established in 2015 on a small farm in rural Coquille, Oregon, Perpetually Devastated invests in deliberate operation counter to the speed and disposability of contemporary economy. The studio focuses on restoration, reuse, and long-form making as acts of quiet resistance.

Mono / code family.mono 12px · for code, data, system docs
--semantic-color-foreground-text: #1a1815;
--semantic-typography-tracking-display: 0.3em;
--primitive-space-7: 48px;
--primitive-typography-family-brand: Gotu;

Spacing

Base-4 ladder, twelve steps. Conservative — the lookbook visibly uses four or five distinct rhythms; the scale will be trimmed or extended once website layouts exist. Tokens are dimension objects ({value: N, unit: "px"} in DTCG v1) that emit as CSS pixel strings.

Print-specific data (CMYK, Pantone, substrate, RAL, vinyl codes) lives under the namespaced DTCG $extensions key, com.perpetuallydevastated.print. Values are starting points marked needs press proof until a vendor confirms them on a real job. Pantone matches are never computed — only suggested.

primitive.color.ink:
  $extensions.com.perpetuallydevastated.print:
    cmyk:
      c: 0   m: 0   y: 0   k: 100
      notes: "K-only starting point; rich-black variant TBD pending press proof."
    pantone:
      suggestion: "Black 6 C"
      notes: "Suggestion only — verify physically at the print vendor."

primitive.color.paper:
  $extensions.com.perpetuallydevastated.print:
    substrate: "uncoated white stock — specifics TBD per print job"
    notes: "No ink. Substrate is the medium. Verify with print vendor at job time."

Token Index

Every token in the system, populated at load from the live CSS custom properties. This table is the machine-readable surface of this page — an agent reading the HTML can extract every name → value mapping here without needing to parse tokens/pd-tokens.json directly.

Live values · resolved from build/css/pd-tokens.css
TokenTypeValue

Sources

Where things live in this repo. The token JSON is the source of truth — every other artifact derives from it.

Source
tokens/pd-tokens.json
Build
npm run build → build/css/pd-tokens.css · build/json/pd-tokens.flat.json
Live demo
preview/index.html — system applied to PD's typographic register
Briefing
CLAUDE.md — operating brief for agents and humans
Decision trail
FINDINGS.md — evidence and reasoning
Reference materials
reference/ — 2026 lookbook PDF, font note, typography panel screenshot