Skip to main content
DualMind has one brand with two voices: the landing page’s dark, monochrome “two minds” look (cyan and violet), and the arena’s warmer product palette (cyan and terra). The docs sites and the admin panel take their accents from the landing page and stay compatible with the arena.

Colours

The two minds

Docs accents

Ink and surfaces

Arena palette

Status

#00D9FF is too light for text on white (1.7:1). On light backgrounds use #09738F (5.4:1, WCAG AA), which is what the docs use as their light-mode primary.

Type

Bricolage Grotesque

The machine voice. Headings and body on the landing page and in the docs. The wordmark is Bricolage 800.

Playfair Display, italic

The human voice, used sparingly for one line of emphasis, like the hero on this site’s home page.

DM Mono and JetBrains Mono

DM Mono for small uppercase labels; JetBrains Mono for code (shared with the arena, which uses Outfit for UI text).

Logos

DUALMIND DEV wordmark for light backgroundsDUALMIND DEV wordmark for dark backgrounds

Wordmark (switches with the theme)

DualMind DM emblem in cyan and violet

Emblem (favicon and social)

Usage

  • The wordmark is DUALMIND in Bricolage 800 caps, followed by a cyan suffix: LABS on the landing page, DOCS and DEV on the docs sites.
  • Wordmarks are SVG paths (no font loading), about 3 KB each.
  • Keep the emblem on dark or neutral backgrounds; don’t recolour it.

Components that carry the brand

The classes live in style.css, which is identical in both docs repositories.
Last modified on October 18, 2026