Udesign
A local design system playground that stores UI principles, component grammar, and product translation rules.
design systemsUIlocal-firsttokens
Overview
Overview
Udesign is the design reference behind Archive: a calm, local-first place for UI principles and interface patterns.
Problem
Personal apps drift when each one starts from a generic visual template.
Product thesis
A compact design operating system can preserve taste, speed up builds, and make product surfaces feel related.
Design direction
Neutral tokens, precise typography, section-led pages, row-based metadata, and quiet interaction states.
What I Built
- Reusable app shell and layout grammar.
- Tailwind v4 OKLCH token system.
- Pattern pages and project translation notes.
Current Status
Usable as a design reference and source of visual direction for Archive.
Next Steps
Promote reusable primitives into a shared mental model.
Add richer examples for product-specific screens.
Document when to use cards, rows, strips, and inspectors.
Artifacts And Links
Lessons Learned
The best design system is opinionated enough to say no.
A restrained visual language still needs warmth.
Reusable principles matter more than reusable decoration.