Designsystemet is a suite of tools used to create design systems.
Our goal is to create consistent and user-friendly experiences in digital solutions for public services, making them more efficient and reliable.
www - Documentation.
Theme builder - Theme builder.
@digdir/designsystemet - CLI for Designsystemet.
@digdir/designsystemet-css - CSS implementation of Designsystemet components. Used by the React package. Contains a default theme.
@digdir/designsystemet-web - Framework agnostic implementations of some Designsystemet web-components and helpers.
@digdir/designsystemet-react - React implementation of Designsystemet components.
@digdir/designsystemet-types - Types for Designsystemet.
Please refer to our setup guide for getting started in code.
Learn how you can contribute to this project by reading our Code of Conduct and Contributing Guide.
We don't provide any AI tools such as SKILLS.md or an MCP server.
Our website (designsystemet.no) delivers all content in Markdown if the correct headers are set. (Accept: text/markdown)
If you wish to get better usage of Designsystemet in your AI, we would reccommend adding something similar to your promt/skills:
- Use https://designsystemet.no for patterns, tips and Designsystemet documentation
- Use Designsystemet variables when setting colors and spacing (padding/margin)
- Use semantically correct components or elements
We are lucky to have a great group of people who have contributed to Designsystemet
Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.