Skip to main content

Designsystemet helps you build better digital services

Get started

Learn how to get started with Designsystemet

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 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
Design sketch of a mobile phone containing components from 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.

Read more about accessibility
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.

Build your theme

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

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!