Build every interface from one coherent language.
DesignOS is the source-first design and component system invented by h4rithd. It combines visual foundations, accessible components, motion choreography, and background atmosphere into one reusable architecture.
Start with the base system.
The command below uses the canonical production registry URL. Until that deployment is verified, build and inspect the registry locally from this repository.
pnpm dlx shadcn@latest add https://designos.h4rithd.com/r/designos-base.jsonFour layers, one contract.
Foundations
Tokens for color, type, space, geometry, depth, and state.
Components
Accessible source modules with complete interaction behavior.
Motion
Shared timing, easing, entrance, exit, feedback, and ambient rules.
Atmosphere
Grid, circuit, topographic, mesh, and spatial background recipes.
Precision creates the futurism.
DesignOS avoids decorative noise. Its identity comes from shared alignment, matte surfaces, deliberate typography, controlled depth, useful motion, and clear system state—not glow around every control.
- Restrained colorSilver and steel build hierarchy; semantic color communicates real state.
- Structural depthBorders, tonal elevation, and spatial motion explain relationships.
- Complete statesHover, focus, active, disabled, loading, empty, success, warning, and error are designed together.
Accessibility is part of the component anatomy.
A component only conforms when its semantics, input methods, states, and responsive behavior are preserved—not merely its appearance.
Add DesignOS to a project
Configure the base layer, install a component, and verify the result.