Color
shapes
what we
notice.
A design system for
a more human spectrum.

Materials
Combinations
Contexts
Field notes
A considered, editorial voice.
Following your local clock · Daylight
Warm ivory · charcoal · open sky
Local time, no location access. Choose a stop to keep that atmosphere.
A material atlas
Making design systems felt.
Design / Research / Engineering
An independent archive translating physical, cultural, and historical knowledge of making into digital design. Color is the entrance; the larger subject is how an interface acquires a coherent character.
Color lives
between systems
and people.
Pigment
Light
Material
Interface
Human


Eight illustrated materials. Choose a sheet to explore its palette, surface and origin.
Illustrations · art-directed motion, not physical simulation.
01 / The question
Tokens describe individual choices. A visual system also depends on the relationships between typography, light, surface, motion, and interaction. Chromologium makes those relationships available for inspection through working studies rather than a palette alone.
This working edition describes the project’s current structure and design questions. It does not claim measured user or business outcomes.
02 / A working study
An original explanatory specimen for this case study—not a screenshot or reproduction of the live archive’s systems.
A design system for
a more human spectrum.

A considered, editorial voice.
A design system for
a more human spectrum.

A restrained, contemporary system.
A design system for
a more human spectrum.

A softer, tactile composition.
Serif typography, generous margins, and a warm paper surface make this version feel like a publication. The material sits beside the words, not behind them.
03 / Design rationale
The choices an interface makes visible.
The archive treats physical materials as a source of interface principles. The challenge is to preserve their character without making reading and navigation depend on visual effects.
A useful comparison holds the task steady while typography, spacing, and surface change together. That makes coherence easier to inspect than isolated swatches.
04 / Inspect the work
Explore visual movements as working interface systems, with their own typography, materials, and interaction rules.
Open the artifact ↗ToolBring a color or image specimen to a browser-based workbench for color coordinates, contrast analysis, and palette exploration.
Open the artifact ↗Behind the work
Earlier compositions, material experiments and the arrangement editor live in a separate lab. Explore the process without losing the thread of the case study.