Panels, buttons,
notched components
The chrome layer — chamfered hairline panels, Oxanium type, and composable notched-panel web components. For the live instruments, see the home console; for the CSS primitive reference, the gallery.
Corners + top notch
Side notches
Pointer affordances bound to the same law as the instruments: the sheen tracks pointer presence, the activity edge spins at a rate, the readout decodes when its value changes.
Pointer-tracked
Move across me.
Rate-bound ring
Speed = throughput.
The same chamfered chrome, composed into a bento mosaic — title, service, toolkit, and project panels share one outline language.
Component library
Every panel is the same chamfered chrome — composed into a bento mosaic.
Design systems
Token-driven, framework-agnostic UI that scales across Astro and Laravel.
-
Plain-CSS core
No Tailwind required to consume the look.
-
Web components
Composable notched panels via custom elements.
-
Astro wrappers
Ergonomic .astro components for the common cases.
Expert
Working
talos-ui
This design system — monochrome HUD chrome packaged for reuse.
tesseract-dash
Hardware telemetry dashboard — rings, sparklines, scatter.
shelfwood.co
The studio site — origin of the refined monochrome direction.