Designsystemet Theme Builder

Spec sheet

Purpose

Theme Builder helps organizations customize Designsystemet to match their brand.Read 7 Oct 2026 · designsystemet.no

Intended users

Designsystemet is open to anyone building digital services and is free for public and private organizations.Read 7 Oct 2026 · designsystemet.no

Support

Users can ask questions in the community Slack channel or report bugs and suggestions on GitHub.Read 7 Oct 2026 · designsystemet.no

Headquarters

NorwayRead 28 Sep 2026 · theme.designsystemet.no

Founded

2025Read 28 Sep 2026 · theme.designsystemet.no

Accessibility

Designsystemet provides components and WCAG-aligned guidance to help teams build accessible services.Read 7 Oct 2026 · designsystemet.no

Code output

The documented CLI can generate design tokens and CSS from the theme configuration.Read 7 Oct 2026 · designsystemet.no

Color contrast

Designsystemet’s color system is designed to maintain sufficient contrast between text and backgrounds across brand colors.Read 7 Oct 2026 · designsystemet.no

Color controls

The builder includes color controls and token color overrides for light and dark modes.Read 7 Oct 2026 · theme.designsystemet.no

Developer requirements

The documented token-generation workflow requires Node.js version 20 or higher and a Git repository for the tokens.Read 7 Oct 2026 · designsystemet.no

Development options

Designsystemet components are available for Figma, CSS, a framework-independent web package, and React.Read 7 Oct 2026 · designsystemet.no

Figma integration

The setup guide describes using the Figma Community component library and Tokens Studio to synchronize design tokens between Figma and code.Read 7 Oct 2026 · designsystemet.no

Figma workflow

Teams can import variables from their theme into the Designsystemet Core UI Kit in Figma.Read 7 Oct 2026 · designsystemet.no

Generated output

After configuring a theme, users copy a code snippet into a terminal to apply their brand colors to components.Read 7 Oct 2026 · designsystemet.no

Known scope limit

Designsystemet is a shared foundation and is not intended to cover every need within a solution.Read 7 Oct 2026 · designsystemet.no

Maintenance requirement

Organizations creating their own design system need a dedicated designer and frontend developer to set it up and maintain it.Read 7 Oct 2026 · designsystemet.no

Modes

The token structure supports multiple themes and modes, including light, dark, and contrast.Read 7 Oct 2026 · designsystemet.no

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.Read 7 Oct 2026 · designsystemet.no

Support and community

The maker directs users to its Slack community and invites bug reports and suggestions through GitHub.Read 7 Oct 2026 · designsystemet.no

Theme configuration

A theme can define colors, sizes, typography, and other visual properties.Read 7 Oct 2026 · designsystemet.no

Theme options

The builder exposes color and dimension controls, including border radius, and offers color-system and example tabs.Read 7 Oct 2026 · theme.designsystemet.no

Theme setup

It lets users configure a theme and generate design tokens for use in design tools and code.Read 7 Oct 2026 · designsystemet.no

Token modes

The token structure supports multiple themes and modes, including light, dark, and contrast.Read 7 Oct 2026 · designsystemet.no

Token structure

The theme builder helps create a semantic token structure that organizations can adapt to their visual profile.Read 7 Oct 2026 · designsystemet.no

Who it serves

Anyone building digital services can use Designsystemet, which is free for public and private organizations.Read 7 Oct 2026 · designsystemet.no

Where Specifiction places it

• Color Palette Generators#22 of 347.3