The design system behind DELG
One interface.
Every DELG app.
DELG UI is the custom component library we build every product on. Chat, Code, Pass, Sites and Auth all share the same controls, motion and details, so the whole platform feels like one thing.
- Connect
- Review
- Ship
Products
Built once. Worn by every product.
Each app keeps its own personality through a single accent token. Everything else, from spacing to focus rings, comes from the shared system.
ChatAI conversations for teams
CodeCloud coding agents and IDE
PassPassword and passkey vault
SitesAI website builder
AuthOne account for every productComponents
Everything a product needs. Nothing it does not.
These are the real components, running right here. Try them.
Foundations
Tokens, not one-offs.
Color, spacing, radius and motion live in one token set that follows the theme. Flip the switch in the header and watch it all move together.
surface-1surface-3text-1accentsuccesswarningdangerinfoTight tracking at display sizes, comfortable leading for body copy, and the system font stack as a fallback.
Principles
Fluid, quiet and consistent.
Responds instantly
Press feedback lands on pointer-down. Nothing waits for a release, a timer or a network round trip to feel alive.
Never in the way
Motion is short, never blocks input, and steps aside when you ask for reduced motion.
The same everywhere
A switch in Pass is the switch in Chat. Same hit area, same focus ring, same timing, same words.
Accessible by default
Labelled controls, visible focus, keyboard support, larger touch targets on phones and contrast tuned for both themes.