Get started
Learn how to get started with Designsystemet
Designsystemet helps you build better digital services
Components
See the overview of UI components created in React, CSS and Figma.
Patterns
Understand how shared patterns contribute to consistent user experiences
A common design system
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 Designsystemet
Accessible and flexible components
By creating the most basic components once in a common design system, 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 accessibility
Use your own themes
With 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 themeLatest news from Designsystemet
Blog
Collaboration on text in digital services
A cross-agency working group of content designers is creating shared guidelines for text in digital services. The guidelines will become part of Designsystemet.
Blog
Designsystemet in Avinor's solutions
Avinor builds both internal and external solutions on Designsystemet and experiences smoother collaboration between design and development.
Blog
How the Norwegian Food Safety Authority uses Designsystemet without React
The Norwegian Food Safety Authority extends Designsystemet with its own brand and distributes it to all development teams - regardless of the technology they use.
Join us in developing Designsystemet!
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!