05 · Components

Rectangles do, hexagons indicate.

Functional containers (buttons, inputs, cards) stay rectangular. Status, order, and category get the hex.

Buttons

Primary uses cobalt fill. Focus ring is KNVB orange. Never an orange button fill.

Status badges · pointy-top hex
Stable Beta Experimental Deprecated Preview
Filter chips · pill, never hex
All apps Data Processes Connectors AI Documents
Category tags
OPENCATALOGI OPENCONNECTOR OPENREGISTER DOCUDESK
App cards
OpenCatalogi
Public software catalog — every app, every dataset, in one searchable index.
Stable v2.4 · OSS
OpenRegister
Schemas, registers, and data objects — the backbone for your app's structured data.
Stable v3.1 · OSS
OpenConnector
Connect Nextcloud to anything — REST, SOAP, GraphQL, file drops, message queues.
Beta v1.2 · OSS
Form fields · rectangles always

Focus ring is orange (3px), border becomes cobalt. WCAG AA contrast on placeholders.

Hex pagination · install wizard, onboarding
Step 3 of 5 — Configure schema
Alerts
Note — The Nextcloud app store install requires admin permissions on your instance.
Beta — OpenConnector v1.2 is in beta. Connector contracts may change before v2.
Error — Schema validation failed: missing required field oin.
Section divider · line broken by a hex

Apps stay free and open-source.

Support is optional — a separate, transparent layer.

CTA banner · cobalt panel with hex ornaments

Ready to install your first app?

Drop OpenCatalogi or OpenRegister into your Nextcloud in two minutes. Open-source, no consultancy track, no lock-in.

Book a demo

Cobalt fill · hex prisms at 4–6% white · one orange echo at 18% · white primary · ghost-on-dark secondary

Testimonial · split panel with hex-cut transition
Photo · placeholder
"
Conduction's open-source apps replaced two SaaS subscriptions and a custom integration. We installed OpenCatalogi and OpenRegister in an afternoon.
Sanne de Vries CTO, Gemeente Voorbeeld
Read the case study

Photo cell uses a hex-derived notch on its right edge (point at 50%) so the join itself signals "Conduction" — no extra ornament needed

Feature panel · stacked cards, hex-platform illustration
Open ecosystem

Connect anything to Nextcloud.

OpenConnector ships with REST, SOAP, GraphQL, file-drop and message-queue adapters. No vendor lock-in. Drop in your own connector when you need to — it's all open-source.

Browse 40+ connectors →

Behind-cards use category-family pastels (mint · gold · coral) · hex prisms in the illo carry app glyphs · dotted connectors echo the "wires between modules" metaphor

Chat popover · floating helper with hex FAB
RvZ
SdV
MK

Hi there! Got a question about Conduction?

Our team is online — usually replies within a few minutes during NL office hours. Pick what's on your mind:

By chatting you agree to our privacy statement. We don't store conversations longer than 30 days.

FAB is a hex prism (cobalt) instead of a circle. Popover uses cut-corner trbl, so the cut points down-right toward the FAB. Hex avatars (cobalt-700 / KNVB / mint with status dot) instead of circular ones.

Testimonial row · staggered mini-cards
"
OpenCatalogi gave us in two weeks what our previous integrator quoted for nine months.
Sanne
de Vries
CTO
Gemeente Voorbeeld
"
The schemas in OpenRegister mean we finally stopped writing migration scripts every quarter.
Martijn
Kuipers
Lead engineer
Provincie Zuid
"
One platform, real open-source, and a Dutch team that actually picks up the phone. Done.
Robin van
Zandvoort
IT-manager
Waterschap Noord
"
WOO compliance went from "scary project" to "checkbox" the moment we deployed Conduction.
Esther
Janssen
Privacy officer
Stadsdeel Zuid
"
OpenConnector saved a six-figure SaaS subscription. Now it's a one-time install.
Kasper
Bakker
CFO
Mediabedrijf BV

Cards staggered vertically (translateY 0/28/0/16/36) for visual rhythm. Quote-mark in KNVB orange · vertical separator between name and role instead of avatars.

Download / lead-capture panel · cut-corner form on cobalt-800

The 2026 Open-Source
Government Stack — report.

Forty-two Dutch organisations, eighteen months of installs, what worked and what didn't. The full benchmark, with TCO numbers, migration paths, and which Conduction app maps onto which legacy SaaS.

PDF · 64 pages · Dutch + English · No paywall, no upsell.

Get the report

Form card uses cut-corner-tlbr-lg so the top-left cut points back at the pitch headline · form lives on white inside cobalt-800 · single primary button, cobalt fill