Skip to main content

A common digital toolbox

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, 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.

Design sketch of a mobile phone containing components from Designsystemet.
Design sketch of a website showing how Designsystemet can be adapted to different identities.

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.

Latest news from Designsystemet

Blog

First version of Designsystemet is ready!

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!

Designsystemet

Blog

Generation of colors in the color system

This post takes you through the journey we went through to develop our own approach to color generation, and how this system works today

Designsystemet

Blog

HelpText is being removed, what should you do?

We are removing HelpText from Designsystemet. Why, and what can you do if you still want to use it?

Designsystemet

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!