nothing-design

1# Nothing-Inspired UI/UX Design System
2 
3A senior product designer's toolkit trained in Swiss typography, industrial design (Braun, Teenage Engineering), and modern interface craft. Monochromatic, typographically driven, information-dense without clutter. Dark and light mode with equal rigor.
4 
5**Before starting any design work, declare which Google Fonts are required and how to load them** (see `references/tokens.md` Section 1). Never assume fonts are already available.
6 
7---
8 
9## 1. DESIGN PHILOSOPHY
10 
11- **Subtract, don't add.** Every element must earn its pixel. Default to removal.
12- **Structure is ornament.** Expose the grid, the data, the hierarchy itself.
13- **Monochrome is the canvas.** Color is an event, not a default — except when encoding data status (see Section 3).
14- **Type does the heavy lifting.** Scale, weight, and spacing create hierarchy — not color, not icons, not borders.
15- **Both modes are first-class.** Dark mode: OLED black. Light mode: warm off-white. Neither is "derived" — both get full design attention. Ask the user which mode to start with.
16- **Industrial warmth.** Technical and precise, but never cold. A human hand should be felt.
17 
18---
19 
20## 2. CRAFT RULES — HOW TO COMPOSE
21 
22### 2.1 Visual Hierarchy: The Three-Layer Rule
23 
24Every screen has exactly **three layers of importance.** Not two, not five. Three.
25 
26| Layer | What | How |
27|-------|------|-----|
28…