BLD8 UI / FIRST EDITION
Details that
work together.
React components for clear, considered interfaces. Quiet surfaces, useful states and a shared sense of motion.
React · Base UI · Plain CSS
INTERFACE STUDY / 01SELECT A STAGE
Idea
A place to begin.
A few notes. A rough shape. Something worth trying.
Small changes. A clear response.01—03
01 / FOUNDATIONS
A little breathing room.
White panels, a soft grey canvas and colour where it helps you find an action.
02 / INTERACTIONS
More than the first frame.
Focus, feedback and the movement between states are part of the component.
03 / COMPOSITION
Useful together.
Try the components in forms, settings and a small project workspace.
IN CONTEXT
The pieces, together.
AMExample
Your workspace.
A few details to make it yours.
A small detail is still a design decision.
Keep the labels clear. Give content room. Make the next action easy to find.
Explore the foundations