A shared language
Tokens and component contracts make decisions visible across design and code.
Fieldwork / design system 01
A system for work that moves.
DS by Berit is a practical design system for products where people need to make sense of complexity, decide with confidence, and keep moving.
This is a working design and code study: a place to make the rules explicit, test them in interfaces, and show how a small foundation can support meaningful product work.
Why it exists
Design decisions should travel well.
Built for real work
The system focuses on the product moments where clarity and confidence matter.
Accessible by default
Semantic HTML, keyboard behavior, focus states, and contrast are part of the foundation.
The structure
Start with foundations. Build with components.
Learn the thinking behind the system, inspect the token layer, then see the components assembled in realistic product examples.