Get started
Learn how to get started with Designsystemet
Designsystemet helps you build better digital services
Components
See the overview of framework-independent UI components.
Patterns
Understand how shared patterns contribute to consistent user experiences
A common design system
Designsystemet is a shared toolkit of framework-independent UI components and guidelines for developing digital services. You can use the full toolkit, or pick the parts that add value in your solution. It is free to use, designed to work with an organisation’s own visual identity, and supports efficient product development and coherent user 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 available for Figma, CSS, a framework-independent web package and React. Use the components that add value in your solution, and build on top of them when you need to.
Read more about accessibility
Use your own themes
With theming, Designsystemet makes it possible to support different visual identities. You can use the Theme Builder to get started, and build on the theme so it fits your own profile and solution. This means everyone can build on the same design system foundation, while adapting it to different sender identities.
Build your theme
Latest news from Designsystemet
Blog
How the Norwegian Coastal Administration uses Designsystemet
The Norwegian Coastal Administration has built its design system "Styrbord" on the foundation from Designsystemet, and uses it as a shared starting point for new digital services.
Blog
Use tokens to colour graphics
With Designsystemet, you can colour graphics using tokens.
Blog
Migrating to the simplified color structure
Learn how to migrate your Designsystemet Figma library to the new color structure.
Created across services
A joint effort to improve user experiences across public services. Together we develop a common foundation for good, accessible and holistic digital solutions.
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!