Keep task context
Keep the information and controls needed for the task available together.
A design system for focused work
Less surface.
More structure.
Quiet interfaces that show what matters now, reveal detail when asked, and build hierarchy from space rather than decoration.
Five durable decisions
Reveal on demand
Move secondary context into explicit, discoverable destinations.
Give each view a purpose
Let reading and manipulation use the structure each task needs.
Structure with space
Use proximity, alignment, and type before surfaces or rules.
Draw meaning
Show a container only when its boundary communicates something.
One system, two interaction models
Read a planning method, then compare and adjust a plan with the same visual language.
Navigation beside the task
Two-column project navigation and three-column settings share one quiet application layout.
The hierarchy test
Whitespace → alignment → typography → background → border
Apply each tool in order. Stop as soon as the relationship is clear.