UDL
Ultimate Designers Lab. A monochromatic, instrument-panel design language built on Nothing OS principles — Doto display, Space Grotesk + Space Mono, OLED black, one red accent.
Branding
The wordmark is set in Doto. No gradients, no glow — the dot-matrix structure IS the identity.
Colors
Monochromatic. OLED-true black. Gray scale carries hierarchy. Red is an interrupt — used once per screen, never decorative.
Surfaces
Text
Accent · Status
Typography
Display: Doto (dot-matrix). Body: Space Grotesk. Data & labels: Space Mono. Max 2 families, 3 sizes per screen.
Spacing
8-px base. Spacing carries meaning — tight (4-8) groups items, vast (64+) starts a new context.
Radius
Technical (0–8 px) for surfaces · Pill (999 px) only for buttons and chips. Never > 16 px.
Buttons
Space Mono · ALL CAPS · 13 px · pill (999 px). Min height 44 px. No shadows, no gradients.
Variants
With glyph
Tags & Labels
Outline-only. Space Mono ALL CAPS. Border carries the status meaning.
Inputs
Underline preferred. Label above in Mono CAPS. Focus brightens the underline to white. Errors switch to red.
Checkbox · Radio · Switch
Segmented Progress
The signature data visualization. Discrete rectangular blocks with 2-px gaps — mechanical, instrument-like. Always paired with a numeric readout.
Cards
Flat surfaces · 1 px border · no shadows. Imagery rendered as dot-grid panels — structure IS the visual.
Volta Identity
A re-imagined visual system for an electric-mobility startup.
Kinetic Studio Reel
A 90-second cinematic showcase rendered in WebGL.
Mono Editor v3
A keyboard-first writing surface for technical authors.
Avatars
Monogram in Space Mono on raised surface. Border separation, never filled colour.
Alerts
Inline bracket-prefixed status. No toasts. No red backgrounds — the left rule and the prefix tag carry the state.
Tables
No zebra striping. Dividers carry rhythm. Active row uses left accent rule and raised surface.
| Project | Client | Stage | Lead | Budget |
|---|---|---|---|---|
| Volta Identity | Volta Mobility | In production | Ahmed Q. | $48,000 |
| Kinetic Reel | Mono Labs | Discovery | Sara R. | $22,500 |
| Atlas Site | Atlas Studios | Shipped | Jad D. | $64,000 |
| Mono Editor | Mono | Paused | Mona K. | $36,000 |
Tabs
Bracket-active tabs and segmented control for compact toggles.
Pagination
Date-nav style: previous / current / next, with thin chevrons.
Modal
Solid backdrop · 1 px visible border · no shadow · bracket close button.
Tooltips
Inverted (white on black). Mono caps. No arrow tail.
Loading & Empty
No skeleton screens · no sad-face illustrations. Bracket text and dot-grid carry the state.
Inquiry Form
Project Spotlight
Asymmetric layout. One hero number. Spec rows on a divider rhythm. One red accent.
Volta — A new shape for mobility.
A complete visual identity, web product, and motion language for the next generation of electric two-wheelers. Shipped in 9 weeks.