07 · Apps

Every app, every treatment.

The full app glyph system. Six core apps. Five reusable treatments per app — pointy-top hex (the canonical one), 700 hex, 900 hex, square-rounded, cut-corner square, monogram. Plus favicons, avatars, hero lockups, and wordmark patterns.

The roster · 6 apps × 6 treatments
App ↓   Treatment →
Cobalt
Black · 900
Inversed
Square · Cut
Monogram
Favicon · 32px
App · canonical cobalt

OpenCatalogi

The catalogue. Discover, install, and update apps from a federated registry of trusted publishers.

Cobalt · primary
OC
App · cobalt-700

OpenRegister

Structured records. Form-driven data with versioning, permissions, and an event log per row.

Cobalt-700
OR
App · cobalt-700

OpenConnector

The integration plane. Pipe data between Conduction apps and any external API, with retries and observability.

Cobalt-700
OCn
App · canonical cobalt

DocuDesk

Document workflows. Templates, signatures, and audit trails — the compliance app for public-sector teams.

Cobalt · primary
DD
App · inverse

MyDash

The personal home. Each user's pinned apps, recent records, and tasks — the welcome screen of the stack.

Outline · inverse
MD
App · canonical cobalt

OpenAI Bridge

The model gateway. Bring your own LLM (OpenAI, Azure, Anthropic, or self-hosted) into Conduction apps with one auth.

Cobalt · primary
AI

★ MyDash defaults to outline because it sits next to user content and shouldn't compete with it. Every other app defaults to a filled hex in cobalt or cobalt-700.

Hero lockup · how an app introduces itself
Federated app discovery for Nextcloud. Install in two minutes; stay current.
$ occ app:install opencatalogi
Form-driven records. Versioned. Auditable. Yours.
$ occ app:install openregister
One integration plane. Every Conduction app. Every external API.
$ occ app:install openconnector
Wordmark lockups · sidebar & nav
OpenCatalogi
OpenRegister
OpenConnector
DocuDesk
MyDash
OpenAI Bridge
Don't · Do
Don't

Nextcloud-blue gradient. That's a guest color, reserved for the platform — never a Conduction app.

Don't

Orange container. Orange is accent — for arrows, dollar signs, and one-letter highlights. Never a fill.

Don't

Pure circle. Wrong vocabulary — Conduction does hex (apps) and rectangle (UI), never round chips for an app.

Do

Pointy-top hex, cobalt fill, white glyph. Stroke-only line art at 2px. This is the canonical app glyph.

Tech specs

Glyph drawing

  • SVG, 24×24 viewBox, line-art only (fill="none")
  • stroke-width: 2 at 80px container, 2.5 at favicon scale
  • Rounded line caps; integer coordinates wherever possible
  • One concept per glyph — never combine icons or stack symbols

Container rules

  • Pointy-top hex is canonical (clip-path: var(--hex-pointy-top))
  • Square-cut for OS-level icons (Nextcloud app drawer, dock)
  • Outline reserved for MyDash and inverse contexts
  • 900 hex for charcoal/dark sections; same glyph, no other change

When the glyph isn't enough

  • Below 24px — drop the glyph, use the monogram
  • Email signature / favicon — favicon variant, no wordmark
  • Long product surfaces — wordmark lockup with the small hex
  • Hero pages — full hero stack, glyph at 96px