Fundamentals
Learn more about Designsystemet, the basic design elements, and how to get started as a designer or developer.
Fundamentals
Introduction
About Designsystemet
Designsystemet is a shared toolbox of basic UI components, guidelines, and patterns that are valuable to share across the public sector.
Accessibility
Designsystemet should be accessible to everyone, regardless of permanent or temporary reduced abilities.
Design Principles
We need to collectively define what makes a good user experience and how we can best create it.
Slack
Discussions, status updates and collaboration
Values
Designsystemet is built upon these values.
Design elements
Colors
The color system consists of global colors and a semantic level that describes what the color should be used for.
Design Tokens
Design tokens are reusable values that serve as a connection between all interfaces.
Shadows
How shadows are used in Designsystemet
Sizes and Spacing
Sizes and spacing in Designsystemet
Typography
To present content correctly, we use styles and components for typography.
For designers
Color system
Here you'll get help setting up a color system
Contribute with design
We appreciate your help in improving components and design in Figma.
Getting started
How to use Designsystemet in Figma and how to activate the libraries.
Get updates
What do you do when there's a new version of the Figma community file?
Modes in Figma
Learn how you can change sizes, colors, and typography with modes in Figma
Custom theme
Learn how you can use Designsystemet with your own brand colors and preferences.