Get started
Learn how to get started with Designsystemet
Learn how to get started with Designsystemet
See the overview of UI components created in React, CSS and Figma.
Understand how shared patterns contribute to consistent user experiences
Designsystemet is a shared toolbox of foundational UI components, guidelines, and patterns to support the development of digital services. It helps teams build efficiently while ensuring consistent and user-friendly experiences.
Read more about DesignsystemetBy creating the most basic components once, we ensure high quality. Each component is thoroughly tested and meets accessibility requirements. Components are built in both Figma and React, and can be combined in various ways to support different patterns.
Read more about accessibilityWith theming, Designsystemet makes it possible to support different visual identities. This means everyone can build on the same foundation while tailoring the design to their own brand.
Build your themeThe Norwegian Food Safety Authority extends Designsystemet with its own brand and distributes it to all development teams – regardless of the technology they use.
Finally, V1 is here! After an extensive development process and close collaboration with several public entities, we are now launching the first stable version of Designsystemet!
This post takes you through the journey we went through to develop our own approach to color generation, and how this system works today
By collaborating on Designsystemet, we can create more recognizable behavior in components and interaction patterns across the public sector. Designsystemet is meant to be a shared home for reusable components, best practices, user dialogue, insights, and more. Want to learn more or get involved? Get in touch!