Navigation with a clear focus
A short concept note on visible destinations and keyboard focus.
~/maurits / frontend
Interfaces that do
the useful thing.
Small websites, responsive components and practical browser interactions. Built around the task a visitor needs to finish.
Independent professionalAmsterdam / NetherlandsHTML · CSS · JavaScript
Find the useful note.
A fictional resource list with text search and a category filter. Both controls work together on the examples below.
Interface
Labels that do a useful job
A fictional content example about naming an action.
A calmer reading layout
A sample note about keeping a reading column manageable.
3 of 3 sample notes shown.
Original fictional content. Filtering stays in this page; there is no account, external search or saved record.
The details are part of the work.
Labels, reading order, focus and feedback shape the experience as much as the first screen. The examples here are small enough to try and clear enough to inspect.
Describe your interface taskIndependent concept
Find the useful note
A small, working resource filter. Text search and a category selector combine to filter three fictional resources.
Open the implementation note →Independent concept
A clear route
A small disclosure-based reading pattern. Three expandable passages demonstrate a readable relationship between headings and supporting content.
Open the implementation note →Independent concept
A useful response
A feedback state that explains itself. A local control opens an example confirmation and explicitly distinguishes the sample from a completed save operation.
Open the implementation note →