Designing with constraints
A short example about making space for the ideas that matter.
On this page
Start with the question#
A useful constraint brings a project into focus. Before adding a feature, ask what it helps someone understand or accomplish.
This is sample writing for the Refract portfolio template. Replace it with your own notes.
Leave room to explore#
Keep the core readable, then use motion to give it context. A still page should tell the same story.
| Principle | Practice |
|---|---|
| Clarity | Make the next step visible |
| Care | Respect reduced motion |
Build in the open#
The template shares its content and plugins with FolioWeave.
.example { color: inherit; }