A single design specimen observed across contrasting chromatic gamuts, typographic hierarchies, and border physics.
A single design specimen observed across contrasting chromatic gamuts, typographic hierarchies, and border physics.
Material Substrates & Chromatic Memory
#0a0a0foklch(0.12 0.01 265)Lamp Black 84% · Prussian Iron 12% · Bone 4%oklch(0.12 0.01 265)#14120f#e8e4dc#949088#c9a55a#dbb978#f7f5f0oklch(0.96 0.01 85)French Chalk 78% · Bleached Linen 18% · Raw Ochre 4%oklch(0.96 0.01 85)#ffffff#0a0a0f#5a5854#8a6520#a67c2e#f0f7f4oklch(0.97 0.015 165)Zinc White 90% · Terra Verte 7% · Titanium Oxide 3%oklch(0.97 0.015 165)#ffffff#1a2e1a#4e634e#4a9e6e#6ab88a#0a1510oklch(0.18 0.04 155)Phthalo Green 60% · Carbon Black 30% · Sap Lake 10%oklch(0.18 0.04 155)#1e3723#d4ede0#7fa38d#5cb87e#7ecf9a#faf8f5oklch(0.98 0.008 80)Calcium Carbonate 75% · French Kaolin 20% · Yellow Ochre 5%oklch(0.98 0.008 80)#ffffff#2d2926#756d66#b8704a#cf8c66--ds-accent: #d4a74a; --ds-bg-primary: #faf8f5; --ds-fg-primary: #14120f; --ds-fg-muted: #756f66;
“Bespoke formulation created live by the visitor. Ready to be clipped onto your personal Swatch Ring or exported as production design tokens.”
Before an interface is formed, it begins with pigment and light. This chamber displays six formulated architectural paint chips. Inspect physical finish sheens (Velvet Matte, Eggshell, High Gloss Lacquer), flip each chip to explore its recipe formula, and clip your favorite samples to your personal swatch ring.
“The interesting problems live in the gap between what is designed and what is actually felt.”
“Design systems are not decorative formulas — they are cognitive instruments that alter how the human mind computes trust, urgency, and spatial orientation.”
Both inner squares below are the exact same pigment (#d4a74a). Observe how surrounding luminance radically alters perceived brightness.
How does corner curvature change the perceived decisiveness of an action? Click the actuator below to record dwell latency.
Visual density translates to sonic timbre. Listen to the harmonic frequency profile synthesized for the active movement.
“I think in systems, not deliverables. The things I build are designed to amplify human judgment rather than replace it.”
“When primitives assemble into a functioning spatial environment, design tokens cease being variables — they become the atmosphere of human thought.”
“Knowledge only creates value when it reaches the people who need it.”
On the nature of the archive, experience architecture, and open specimens.
“I find the invisible architecture underneath messy human problems—then I build the system that should have existed around them.”
The Chromologium is an interactive design archive demonstrating how design tokens function as complete aesthetic languages across autonomous Visual Movements.
Designed and engineered as part of Temporal Architecture.
An open specimen archive and laboratory exploring color science, design systems, and experience architecture.
Take the token system into your own projects or inspect the open-source implementation.