Design System
Primitives, brand devices and the physical card: every flat surface is a slice cut out of the infinite gallery tunnel. Void first, orange as a laser, data inscribed.
The artifact is final.
Printed assets are canonical. The interface evolves around them, never through them.
Color
Typography
Display · Space Grotesk
Section titles
Body · Inter. UI copy that stays quiet so the data can speak.
Mono · Geist Mono · 1a2b…f9c · 0123456789 · tabular-nums
Instrument Serif · the artifact's voice
Overline · uppercase mono · the connective tissueButtons
Badges
Inputs & keys
Surface & reticle
A hairline frame with the four-corner HUD reticle. The building block for every panel and card shell.
On hover the border lifts and the corner ticks wake (extend, snap to orange) in the same beat. Scanlines overlay on.
Stats
DNA strip
Elements · §2.4
Five elements, one triangle. Advantage multiplies damage by 1.25, disadvantage by 0.80 (§5.3), so the hue on a card is not decoration: it is the matchup. All five live in lib/elements.ts; they used to be copied into four components, free to disagree.
The brand accent. Rationed everywhere else, native here.
Reads as DEF on the card's stat panel too.
The only element that alters a stat: +5 CRT (§2.2).
The Runestone's element: the flagship collection.
Shares its hue with status-success; never used for status here.
The approved 24×24 path set serves the printed card, battle renderers, tunnel textures and this specimen. These five marks are production assets and do not inherit color, geometry or styling from the surrounding interface.
The mark · Aperture
The production mark is measured from the final artwork: body ratio 0.594, with radius and stroke both fixed at 10% of its width. These values document the approved vector; they are not controls for generating alternatives.
Below 22px the ring drops and the central dot carries the optical weight. The switch is part of the approved mark, not a second logo. Navigation, favicon and printed lockup all originate from this same construction.
Use the supplied full or responsive small state in #ff6a00. Do not redraw, stretch, recolor, add effects or reconstruct the wordmark with live type.
The card · §11
FIRE◆ COMMON SAT
NO EXOTIC PROVENANCE
AETHER◆ COMMON SAT
NO EXOTIC PROVENANCE
WATER◆ COMMON SAT
NO EXOTIC PROVENANCE
◆ COMMON SAT
NO EXOTIC PROVENANCE
AIR◆ COMMON SAT
NO EXOTIC PROVENANCE
The front is the artifact; the back is the receipt: the facts that never change, and the QR that takes you to the card's public page to check them.
FIRE◆ COMMON SAT
NO EXOTIC PROVENANCE
6fb976ab49dcec017f1e201e84395983204ae1a7c2abf7ced0a85d692e442799i0
◆ COMMON SAT
NO EXOTIC PROVENANCE
◆ COMMON SAT
NO EXOTIC PROVENANCE
◆ COMMON SAT
NO EXOTIC PROVENANCE
◆ PIZZA SATS
22 MAY 2010 · 10,000 BTC
◆ COMMON SAT
NO EXOTIC PROVENANCE
The tally
845 bytes · vector
A tally stick recorded a debt in notches, then split lengthwise so lender and borrower each held a half. Neither could forge it alone, because the halves had to meet again to be read. It is the oldest ledger there is, older than writing, and it verifies the same way a hash does.
Each stroke here is cut like a nib and split at both points. A nib splits so it can hold ink and give it up under pressure. A tally splits so no one holds the record alone. Same cut, both meanings: the mark you make, and the proof you kept.
Read at size