Data is the interface
Frame the object. Do not compete with it.
ZipTable design language
A precise data
workbench.
Calm while data is at rest. Clear when a decision is required. Decisive when work is running.
emailcountrymrr
amy@acme.ioUS$240
jo@beta.cou.s.a Review$960
lee@x.comUS$240
→ 4,182 rows ready
Quiet until action
Neutral by default. Indigo with intent.
Dense, not cramped
Compact facts inside generous structure.
Consequences first
Show counts, previews, and outcomes.
01 · Foundations
Quiet structure,
deliberate signals.
Cool neutral surfaces carry the work. Color is reserved for selection, status, and meaningful action.
Color
SEMANTIC PALETTEInk
#11151AAction
#3358D4Canvas
#FBFCFDSurface
#FFFFFFSuccess
#11845BWarning
#9A6817Danger
#C52238Muted
#5B6573Typography
TWO VOICES48 / 52 · BOLDClean data.
Clear decisions.
Clear decisions.
INTERFACESpace Grotesk
Direct, capable, and human. Used for navigation, headings, controls, and explanation.
DATAJetBrains Mono
customers.csv · 4,182 rows
2026-07-16T19:20:00Z
Space & shape
4 PX BASE2
4
8
12
16
24
32
48
64
4 · cell
8 · control
12 · panel
16 · feature
02 · Components
Useful at every state.
Controls are compact, readable, and explicit about what happens next.
Actions
ONE PRIMARY PER REGIONFields
LABEL + HELP + STATEStatus
ICON + TEXT + COLOR
✓ Ready to publish
! 47 values need review
× Import failed
i Inferred as a date
· Draft
Navigation
SELECTION IS CLEARFeedback
IN CONTEXT47 country values need reviewMap variants to ISO codes before publishing.
Version 7 published4,168 rows were pushed to Postgres.
Execution
WORK IN MOTION$ ziptable clean customers.csv ✓ trimmed whitespace · 1,204 cells ✓ standardized 312 dates → ISO 8601 ✓ mapped 47 country variants → US → pushed 4,168 rows to postgres.prod ✓
03 · Composition
The system at work.
Information density belongs inside the workspace. The surrounding structure stays quiet.
customers.csv4,182 rows · imported 2m ago
✓ ImportCleanPush
| emailstr | full_namestr | signup_datedate · mixed | countryenum · 47 odd | mrrnum |
|---|---|---|---|---|
| amy@acme.io | Amy Chen | Mar 11, 2025 | US | $240 |
| jo@beta.co | Jo Park | 3/14/25 ! | u.s.a ! | $960 |
| lee@x.com | Lee Ortiz | Mar 19, 2025 | US | $240 |
| sam@acme.io | Sam Reyes | Mar 22, 2025 | CA | $0 |
| kai@beta.co | Kai Lin | 14-03-2025 ! | USA ! | $960 |
Standardize dates312 values · → ISO 8601
Map country variants47 values · → ISO codes