← Hub
live tokens

p31.universalCanon / design-tokens

One canon. Two appearances.

Hub stays dark. phosphorus31.org flips to light with the same brand accents — related DNA, different room. Toggle below writes data-p31-appearance on <html> and remembers it.

appearance: hub (default)

Palette — shared accents

coral
teal
cyan
butter
lavender
P
phosphor

Surfaces — flip with appearance

void
surface
cloud (text)
Aa

Type scale — from canon

4xl — headline

xl — lead copy

base — body. Atkinson Hyperlegible for reading; mono for contracts and probes.

sm mono — telemetry

Space ladder

--p31-space-1 … 12 — same rhythm on hub and org.

Motion

Ring D — drop-in

<link rel="stylesheet" href="/p31-style.css" />
<html lang="en" data-p31-appearance="org">

Runbook in repo: andromeda/04_SOFTWARE/design-tokens/PHOSPHORUS31-RING.md