Theme · conduction-2026

The Conduction design system.

Cobalt-first, hex-shaped, MKB-direct. The visual spine for connext.conduction.nl, every Conduction app on Nextcloud, and the materials around them.

Primary#21468B Cobalt TypeFigtree · Plex Mono MotifPointy-top hex LicenseOFL · MIT
02

Type

Figtree for body and headings. IBM Plex Mono for code. Nine-step ramp from 12 to 48 px, plus display.

Aa 400 / 500 / 600 / 700
03

Colors

Cobalt-first palette with one orange accent. The 70/20/8/2 proportion rule. Pastel families for hex-prism illustrations.

04

Spacing

Twelve spacing tokens on a 4-pixel grid. Five radii. Three cobalt-tinted shadows. Hex shape conventions.

05

Components

Buttons, badges, app cards, hex pagination, form fields. Rectangles do; hexagons indicate.

Stable
06

Brand

Three brands in their lanes: Conduction (the company), ConNext (the product), Nextcloud (the platform). When to use the "Next"-blue citation. Voice and apps-vs-solutions copy rules.

Conduction avatar
ConNext
07

Apps

Canonical glyphs for every app — OpenCatalogi, OpenRegister, OpenConnector, DocuDesk, MyDash, OpenAI Bridge — across hex, square, monogram, and avatar treatments.

08

Cookie CLI

The cookie consent prompt as a terminal. ASCII Conduction logo, three equal-weight actions, no dark patterns. Open-source-native, by people who run their own servers.

$ cookies --reconfigure # pick what you're OK with: [1] essential · required [2] analytics [3] ☐ marketing