[ 0 ] · project overview · current iteration

One warm dark product, set in mono and Fraunces.

shortage.life is built on a single warm-dark palette, an operator-console header, and an editorial reading mode that only changes typography — not surface colour. Three pages are wired: the home, a feature briefing, an Iran country profile.

palette · warm dark unified (#14110D)type · JetBrains Mono · Fraunces · Source Serif 4accent · acid green (chrome) + coral (reading)responsive · desktop · tablet · mobile · touchlicense · CC-BY-4.0

[ 01 ]$_PAGES · current iteration3 wired · H3 header + F3 footer · last 2026-05-17

01home · live dashboard

The thin blue line.

Operator-console header, brutalist hero with strikethrough headline, asymmetric stat grid, world stress map with crosshair. Editorial reading zone for the feature lede + briefings. Brutalist data dump at the foot.

opcon headertickerhero brutaliststress mapREAD MODEcommodity table

OPEN HOME →02briefing · feature article

The thin blue line · feature.

Long-form briefing. Drop cap coral, pull quote, sidenote rail with footnotes & references, KPI strip inset in the middle of the prose, captioned figure, full source list on two columns.

opcon headerdrop cappull quotesidenote railkpi stripfigure + caption

OPEN BRIEFING →03country · iran / IRN

Iran / IRN · profile.

Brutalist country header with flag, ISO, stress 0.91, macro stats strip. Tabs. KPI deck. Editorial country brief in serif. Energy/Food data sections, 30-day events timeline, three scenarios with probability bars.

opcon headercountry headtabsREAD MODE briefdata sectionseventsscenarios

OPEN COUNTRY →

[ 02 ]$_SYSTEM · tokensunified warm-dark palette · two type registers

// surface

--bg #14110D
--bg-2 #1B1712
--paper-2 #1F1A14
--line-3 #4A4135

// accent

--green #00FF66 · chrome
--accent #FF7A6F · reading
--amber #FFB400 · caution
--cyan #00E5FF · info

// type

chrome / data JetBrains Mono
reading titles Fraunces (var, opsz 144)
reading body Source Serif 4
numerics tabular nums (always)

// mode signals

chrome → reading READ MODE coral badge
typography swap mono → serif
respiration max-width 64ch · lh 1.62
bridges 1px rule (palette unified)

[ 03 ]$_CHANGELOG · iteration log

v0.3.02026-05-17H3 Operator Console header + F3 API/Newsletter footer wired to all 3 E pages.
v0.2.42026-05-17Palette unified on warm dark #14110D — no more paper-vs-chrome split; READ MODE conveyed by type + badge.
v0.2.32026-05-17Responsive pass: tablet (≤980px), mobile (≤640px), touch (hover:none disables crosshair).
v0.2.22026-05-17Dark reading mode shipped: warm dark surface + cream Fraunces + coral accent.
v0.2.02026-05-17E · Fusion direction adopted: brutalist chrome anchors, editorial paper for long-form. 3 pages wired (Home + Briefing + Country).
v0.1.02026-05-16First exploration — four directions A / B / C / D delivered as standalone homepages.

[ 04 ]$_ARCHIVE · earlier explorationskept for reference · not the current path

ACrisis TerminalSurveillance × Bloomberg signature. Pure black + acid red. Crosshair + faux system dialog. The original signature.

BEditorial AuthorityWarm beige paper, Fraunces 96px display, captioned Reuters-style charts. The journalist option.

CHybrid (paper tear)Banded — terminal top, editorial paper middle, terminal bottom. Superseded by E's unified palette.

DPure BrutalistMono everything, acid palette, ASCII pre blocks, strikethrough headlines. Source of E's voice.

Also: the header & footer proposals sheet — the comparison page used to pick H3 + F3.

// node

// $_ exec

// readout · live