Design system · v1 · Live preview

Nothing Superapp

bg → text → accentdark · mono

Foundations

05 pages
Color
01
Role palette, 4-tier text opacity ladder, OKLCH tonal ramps.
Type
02
Display / body / label — three families, one rhythm.
Layout
03
Spacing scale, 12-column grid, geometry.
Icons
04
Phosphor set, sized for the interface.
Image
05
Photograph treatment and placeholders.

Components

06 pages
Cards & tiles
06
The primary layout primitive: content, hero, and accent variants.
Buttons & tags
07
Pill primary, outlined destructive, floating action.
Forms
08
Underline inputs, native radios, segmented control.
Navigation
09
Bracketed instrument-panel bar.
Table
10
Space Mono numerics, no zebra, selected-row accent bar.
Dialog
11
Modal + backdrop, destructive-primary action pattern.

Theme

02 pages
Cover
12
Brand mark and swatch strip — the system's face.
Parameters
13
Machine-readable seed, human-readable.