Brand, Conduction Design System

Brand triad, who shows up where

Company

Conduction

Dutch open-source product company. Builds everything, signs contracts, employs people.

About · Footer · Contracts · GitHub org

Product

ConNext

Public product brand for the Nextcloud-app ecosystem. Wordmark only, no separate logo.

connext.conduction.nl · Hero · Marketing

Host platform

Nextcloud

The platform we build on. Cited (not claimed), only the brand-word "Nextcloud" gets the citation color. The hex shape stays cobalt.

Brand citation · workspace hex on diagrams

Conduction hex avatar · 4 variants

On white · default

brand/assets/avatar-conduction-on-white

SVG PNG

On cobalt · inverse

brand/assets/avatar-conduction-on-blue

SVG PNG

Transparent

brand/assets/avatar-conduction

SVG PNG

Gold · certified partners only

brand/assets/avatar-conduction-gold-on-white

SVG PNG

Gold variant uses a 3-stop gradient (#E5C447 → #C9A227 → #8B6914). Reserved exclusively for certified-partner contexts, partner cards, certification badges, completion certificates. Never as a primary brand mark in Conduction's own surfaces.

ConNext wordmark · "Next" always Nextcloud-blue

ConNext

Default · cobalt + Nextcloud-blue on white

SVG PNG

ConNext

Inverse · white + Nextcloud-blue on cobalt

SVG PNG

Conduction · payoff

Conduction · Software that fits your work.

Open-source · Dutch · MKB-direct · Built on Nextcloud

Primary payoff · NL

Software die past bij je werk.

Direct, MKB-toon. Voor product- en marketingpagina's.

Primary payoff · EN

Software that fits your work.

Default outside NL. Concrete, not aspirational.

Long form

Open-source apps voor Nextcloud. Geen lock-in, geen consultancy-traject.

When you need one sentence to say what we do.

App icons · glyph in pointy-top hex wrapper

OpenCatalogi

Cobalt

OpenRegister

Cobalt-700

OpenConnector

Cobalt-700

DocuDesk

Cobalt

LaunchPad

White · inverse

OpenTask

Cobalt-700

AlertHub

Vermillion · tertiary

App glyph is cobalt, cobalt-700, white-on-cobalt-outline, or vermillion. Never orange, orange is accent, not container. Never Nextcloud blue, that is a guest color reserved for the brand-word "Nextcloud" in copy and the workspace hex on platform diagrams, not for Conduction-built apps. Nextcloud blue is always solid #0082C9, never a gradient.

"Next" in Nextcloud-blue · brand citation

When to apply `.next-blue`

YES Welcome to ConNext, Conduction's apps for Nextcloud.

YES Take Nextcloud to the next level.

NO Continue to the next page. · functional "next", not brand

NO The next release ships in Q2. · time-based "next", not brand

NO An annexed sub-clause was added. · letter-string inside another word

Voice, product-first, MKB-direct

Avoid · consultancy / government

Prefer · product / direct

"Wij ondersteunen u bij uw digitale transformatie."

"Installeer OpenCatalogi in 2 minuten."

"Onze implementatiemethodologie levert waardevolle inzichten."

"Deze app lost dit probleem op. Probeer het."

"Get started · Sign up · Start your trial"

"Install from Nextcloud app store"

"Samen werken we aan ketensamenwerking."

"OpenConnector verbindt Nextcloud met je andere systemen."

Apps vs Solutions, say it right

APP OpenCatalogi, software we build and ship. Concrete, installable, has a version number.

SOLUTION WOO compliance, what a customer achieves with one or more apps. A goal, not a download.

WRONG "our WOO app" · there isn't one

RIGHT "our WOO solution, built on OpenCatalogi and OpenConnector"

Never do

Stock photos of "diverse team meetings", handshakes, whiteboards.

3D renders or gradient backgrounds. Solid fills only, no exceptions. Nextcloud blue included, always solid #0082C9.

Other shades of blue on the Conduction logo.

Orange as a primary button fill, cobalt owns that.

Two orange accents on the same screen.

Flat-top hexagons. Always pointy-top.

Italics for emphasis. Use weight or color.

"Get started", "Sign up", trial-urgency CTAs.

Three brands, in their lanes.

When to apply .next-blue

When to apply `.next-blue`