The Triptych
Three softly tinted panels — bone, sage, clay — each holding one project. Architectural, like opening a folding screen. On Mac the panels fill the window edge-to-edge; on iPhone they stack with the same proportional hierarchy. Tinting carries the rank.
iPhone
Three stacked panels — #1 takes a little more room.
The bone panel always carries #1, sage carries #2, clay carries #3. Tints stay constant — you learn them. Categories switch only the contents, not the colours.
Finalize the Q3 roadmap proposal
The deck wants an exec summary.
Hire a senior backend engineer
Recruiter call Wednesday.
Migrate auth to OAuth 2.1
Spike token-refresh edge cases.
Write the novel outline
Three acts; eight chapters in act II.
Sabbatical to Lisbon
Three weeks · spring 2027.
Build a small sailboat
Clinker pram, 12 feet.
Work · Edit
Done-
Finalize Q3 roadmap proposalThe deck wants an exec summaryBone
-
Hire senior backend engineerRecruiter call WednesdaySage
-
Migrate auth to OAuth 2.1Spike token-refresh edgesClay
-
Quarterly reviews with reportsBy June 20Promote
-
Update the team handbookOn-call hand-offPromote
-
Refactor the deployment pipelineHalve release timePromote
Mac
The triptych opens up.
No sidebar — the three panels carry everything. Category selector + date sit on a thin strip at the top; "Also today" runs as a quiet ribbon below.
Finalize the Q3 roadmap proposal
The deck wants an exec summary. Three slides, four bullets each.
Hire a senior backend engineer
Recruiter call Wednesday; shortlist by Friday.
Migrate auth to OAuth 2.1
Spike the token-refresh edge cases. Migration RFC by next week.
iOS Home Screen
One panel, two, or the full screen.
Small carries the bone panel — just #1. Medium pairs bone and sage. Large is the whole triptych in miniature with the "Also" ribbon.
Mac Desktop Widget
A folded screen on the desktop.
The triptych in miniature. Drops between windows on a Sonoma desktop; the tints make it scannable without focusing.
TRMNL · 800 × 480 · 1-bit
Panels become borders.
Tints translate to border weights and patterns: a heavy solid for #1, dashed for #2, dotted for #3. The metaphor survives e-ink.