Linear — Steps / How-it-works
A dark-themed hierarchical outline with two main phases—"DIRECTION" and "BUILDING"—each containing 4–5 numbered subsections aligned left. Section headings use uppercase bold white typography, while subsection items use smaller gray body text with right-aligned decimal numbers (2.1, 2.2, etc.). A subtle horizontal divider line separates the phases.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/linear-privacy-controls-grid.
Measured spec
| Scheme | dark |
| Background | #080A0B |
| Text | #65696D |
| Contrast | 3.58 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.051 |
| Measured size | 1497×746 px |
Palette
#0a0e27#ffffff#6b7280
Fonts
Inter
Page types
Detail
UX patterns
Progressive Onboarding