Skip to main content
Apps/NLDesign
Betav0.1NL · EN

NLDesign

The NL Design System (NLDS) as a drop-in theme for your Nextcloud. One install and your interface follows the Dutch government house style, with Conduction component variants on top.

What it does

NLDS in your Nextcloud, no front-end project required.

The NL Design System defines how Dutch government interfaces should look: typography, colour, focus states, form fields, buttons. NLDesign brings those rules into Nextcloud without you having to build the theme yourself.

Official NLDS tokens.

Type scale, colour palette, spacing, radii. All the version from design.nl, not a Conduction interpretation. When NLDS changes, this app changes with it.

WCAG-AA out of the box.

Contrast ratios, focus rings, keyboard paths. Good enough by default for the Dutch Tijdelijke wet digitale toegankelijkheid (Twdt).

Conduction component variants.

App cards, hex tiles, faceted filters, pipeline flows. Overridden with NLDS tokens and proven on opencatalogi.conduction.nl and docudesk.conduction.nl.

Works for every Conduction app.

OpenCatalogi, OpenRegister, DocuDesk, MyDash, all pick up the theme automatically. You get a uniform government interface without branding each app separately.

Switchable per user or organisation.

A gemeente can require NLDesign for external portals and leave it optional for internal workplaces. One click, no admin-config files.

Open source, EUPL-1.2.

No per-user licence fee, no yearly renewal, no audit. You keep the theme forever, even after a vendor switch.

Three ways NLDesign earns its place

Tokens, accessibility, every app picks it up.

Scroll the cards. Each pins as you reach it; the next slides up to cover.

NLDS tokens

Type, colour, spacing, all from design.nl.

Type scale, colour palette, focus rings, button shapes. All the published version, not a Conduction interpretation. When NLDS updates, this app updates with it.

See NLDesign
Public-facing

Catalogues that look like government should.

Drop NLDesign in alongside OpenCatalogi and the citizen-facing filter panel and detail page follow NLDS automatically. WCAG-AA out of the box, Twdt-ready.

See OpenCatalogi
Internal too

Dashboards in the same house style.

MyDash picks up the theme automatically. Graphs, tables, KPI cards all follow NLDS. Wethouders and directors see the same visual system as the citizens do.

See MyDash
Tokens we ship

Type, colour, components, all from design.nl.

Install NLDesign and the published NLDS tokens land in your Nextcloud. Type scale, colour palette, component variants — the version from design.nl, not a Conduction interpretation.

Aa
heading-xl
Aa
heading-lg
Aa
body
Aa
caption

Type scale

NLDS type tokens for headings and body. Sentence case, government-readable, WCAG-AA contrast on the cobalt scale.

rijksblauw
--c-rijksblauw
logoblauw
--c-logoblauw
mint
--c-mint
oranje
--c-oranje
lavender
--c-lavender

Colour palette

The official NLDS swatches. Switch a theme variable and your whole Nextcloud follows.

Primary
Ghost
label
focus ring

Component variants

Buttons, inputs, focus rings, the patterns NLDS specifies. Drop-in replacements for the Nextcloud defaults.

Where the theme lands

One install, three surfaces, every app picks it up.

NLDesign is a theme, not an app. The integrations are surfaces that pick up the tokens automatically: the public catalogue, internal dashboards, and the case-worker views.

OpenCatalogi reads the NLDesign tokens for the citizen-facing filter panel and detail pages. WCAG-AA contrast, focus rings, type scale all follow design.nl. Twdt-ready out of the box.

See the public-surface guide