Charcoal structure, cream text, orange reserved for state and emphasis.
UMI aesthetics behave like infrastructure.
The themes inherit a larger Utility Materials system used across storefront, editorial, knowledge, editor, and 3D themes. The constants are structural dark fields, orange as activation, technical typography, controlled texture, and procedural framing.
Dense panels, operational labels, explicit hierarchy, minimal ornament.
Grid texture, static treatment, and restrained depth across themes.
Industrial structure carries the frame
UMI themes are built like equipment. Dark fields hold the frame, panels stay explicit, and borders define control zones instead of dissolving into ambient effects.
Orange is activation, not atmosphere
Across storefront, editor, and knowledge themes, orange is reserved for focus, warning, selection, and active controls. It should read like a status light, not a decorative wash.
Technical type turns branding into interface
UMI relies on monospace and condensed families because they scan like instrumentation. Type is there to label, index, and direct attention with precision.
Texture supports the system layer
Grid fields, static, scanline noise, and glassy panel depth appear across properties, but they stay subordinate to legibility. The effect is operational, not cinematic.
Procedural language completes the visual system
Status labels, metadata blocks, route-like headings, and controlled naming give the visuals their final shape. UMI aesthetics are as much about framing information as they are about color.
Themes
One language, adapted by context.
UMI does not repeat the exact same UI everywhere. It carries the same aesthetic rules across different working environments and lets the surface decide the compression level.
Storefront
Product and collection themes keep the same dark frame and orange control language, but shift toward commerce and organizational clarity.
Corporate Web
Materials and Digital Materials properties extend the system into editorial and identity space with CRT texture, grid rhythm, and procedural framing.
Knowledge
Obsidian carries the aesthetic into long-form notes and system work, where density, legibility, and indexability matter more than decorative brand cues.
Editor
VS Code, Cursor, and Codex themes compress the palette into a faster control layer built for code, terminals, and repeated scanning.
3D
Blender adapts the same rules for viewport, node, and property workflows, keeping contrast strong and accent usage narrow.