// brand system

qubicfold brand.

The working reference for building qubic* surfaces. Palette, type, wordmark, voice. Everything on qubicfold.com and its sibling tools should read like it came from the same operator — this is the sheet that keeps that true.

// 01 — palette

OKLCH, cool axis, one accent.

The palette runs on a single cool hue (blue-slate at 240°) for surfaces and text, with one mint-cyan accent at 175° for anything that has to draw the eye. Everything is authored in OKLCH so the values stay perceptually consistent across surfaces.

// surface

bg
oklch(15% .012 240)
≈ #0d1218
bg-alt
oklch(18% .014 240)
≈ #131820
bg-elev
oklch(21% .016 240)
≈ #191f28
border
oklch(28% .014 240)
≈ #262c37

// text

fg
oklch(94% .012 240)
≈ #eef1f4
fg-muted
oklch(70% .018 240)
≈ #a2adb9
fg-dim
oklch(50% .014 240)
≈ #676f7c

// accent

accent
oklch(82% .13 175)
≈ #5be7c4
accent-deep
oklch(70% .15 175)
≈ #34c69f
accent-soft
oklch(82% .13 175 / .12)
// 12% overlay

// 02 — type

Two families. That's it.

Inter for everything visible. JetBrains Mono for anything technical — code, tags, eyebrows, metadata, filename-style labels. No serifs. No display faces. Weight and case do the differentiation, not additional families.

// inter — display, body, ui
Building the qubic* family.600 · display
A record of shipped systems.500 · h2
Legibility at 2am.500 · h3
The independent versions are written by someone who had to support the alternatives. Postgres with Prisma or Drizzle, self-hosted on single boxes, no Docker.400 · body
// jetbrains mono — code, eyebrows, metadata
// 01 — the familyeyebrow
stack: TypeScript · Node · Postgres · self-hostedmetadata
const workflow = new QubicFlow({ tenant, agents, gates });inline code
> qubicfoldwordmark

// 03 — mark & wordmark

A folded cube, a chevron prompt.

The mark is a 2×2 grid of squares — a cube unfolded, a fold reduced to its faces. The wordmark is set in JetBrains Mono, prefixed with a shell chevron (>) in footers to signal the operator context.

qubicfold
// primary lockup — nav / top-of-page
> qubicfold
// footer lockup — shell-prefixed
qubicflow   qubichelm   qubicrelay   qubictether
// family products — qubic prefix accented, product suffix in fg

// 04 — voice

Operator's voice. No marketing register.

The whole surface is written for the smart senior technical operator who has to live with what gets shipped. Direct. Specific. Never trying to persuade.

// do

  • Name the concrete thing. "Aprimo Marketing Operations at scale." Not "enterprise martech."
  • Lead with the problem. Then the design. Then the stack.
  • Own the trade-off out loud. "No Docker unless a client insists" is a stance, not a pitch.
  • Use // markers for eyebrows and technical asides. Use > for the operator-shell context.
  • Short sentences beside long ones. Rhythm matters for scan-reading.

// don't

  • Adjectives before nouns. "Robust", "cutting-edge", "innovative" — cut them.
  • Persuasive superlatives. If it's the best, describe it and let the reader conclude.
  • Corporate abstraction. "Solutions", "outcomes", "transformation" — name what changed instead.
  • Emoji or exclamation points anywhere in product copy.
  • Any language that reads like a sales page. This is documentation-adjacent, not conversion-optimized.