- Home
- Color Palette Generators
- Designsystemet Theme Builder
On the recordRead 7 Oct 202625 facts
Designsystemet Theme Builder
Norway
On the record
- Accessibility
- Designsystemet provides components and WCAG-aligned guidance to help teams build accessible services.designsystemet.no · read 7 Oct 2026
- Code output
- The documented CLI can generate design tokens and CSS from the theme configuration.designsystemet.no · read 7 Oct 2026
- Color contrast
- Designsystemet’s color system is designed to maintain sufficient contrast between text and backgrounds across brand colors.designsystemet.no · read 7 Oct 2026
- Color controls
- The builder includes color controls and token color overrides for light and dark modes.theme.designsystemet.no · read 7 Oct 2026
- Developer requirements
- The documented token-generation workflow requires Node.js version 20 or higher and a Git repository for the tokens.designsystemet.no · read 7 Oct 2026
- Development options
- Designsystemet components are available for Figma, CSS, a framework-independent web package, and React.designsystemet.no · read 7 Oct 2026
- Figma integration
- The setup guide describes using the Figma Community component library and Tokens Studio to synchronize design tokens between Figma and code.designsystemet.no · read 7 Oct 2026
- Figma workflow
- Teams can import variables from their theme into the Designsystemet Core UI Kit in Figma.designsystemet.no · read 7 Oct 2026
- Generated output
- After configuring a theme, users copy a code snippet into a terminal to apply their brand colors to components.designsystemet.no · read 7 Oct 2026
- Intended users
- Designsystemet is open to anyone building digital services and is free for public and private organizations.designsystemet.no · read 7 Oct 2026
- Known scope limit
- Designsystemet is a shared foundation and is not intended to cover every need within a solution.designsystemet.no · read 7 Oct 2026
- Maintenance requirement
- Organizations creating their own design system need a dedicated designer and frontend developer to set it up and maintain it.designsystemet.no · read 7 Oct 2026
- Modes
- The token structure supports multiple themes and modes, including light, dark, and contrast.designsystemet.no · read 7 Oct 2026
- Purpose
- Theme Builder helps organizations customize Designsystemet to match their brand.designsystemet.no · read 7 Oct 2026
- Scope
- Designsystemet is a shared foundation and does not cover every need in every solution, so organizations may build their own components and patterns on top.designsystemet.no · read 7 Oct 2026
- Support
- Users can ask questions in the community Slack channel or report bugs and suggestions on GitHub.designsystemet.no · read 7 Oct 2026
- Support and community
- The maker directs users to its Slack community and invites bug reports and suggestions through GitHub.designsystemet.no · read 7 Oct 2026
- Theme configuration
- A theme can define colors, sizes, typography, and other visual properties.designsystemet.no · read 7 Oct 2026
