Quantum Symbiote Start a project →
Brand system · v0.1 · Living document

The Quantum Symbiote
design substrate.

Logo, color, typography, components, and voice rules — the substrate every customer-facing asset is built on. The system is operator/terminal in posture: dark, dense, monospace-accented, no slop gradients. Built to age well.

Owner
Eli Bowling
Version
v0.1 (draft)
Domain
quantumsymbiote.com
Status
● Active
02 · Color

Near-black base. One signature accent.

The system is dark-mode primary. Bg ladders from #0A0A0B to #1B1B20 — warm-shifted, never pure neutral. The amber accent is the brand signature, the "collapsed state." Cyan and green serve technical and operational meaning; red is reserved for emphasis and never for decoration.

#0A0A0B
Background
--bg
Page background. Near-black, warm-shifted.
#131316
Surface 1
--surface-1
Cards, terminals, elevated content.
#26262C
Border
--border
Hairlines, dividers, table grid.
#F5F5F0
Text 1
--text-1
Primary text. Warm white, not blue-white.
#E8B341
Accent · Signature
--accent
The "observed state." Primary CTA, brand mark, doctrinal emphasis.
#7DD3FC
Accent 2 · Technical
--accent-2
Code values, technical references, link state in terminal.
#5EE787
Success · Operational
--success
Status: passing, available, shipped. Terminal-green only.
#FF6B5B
Danger · Emphasis
--danger
Strike-through, deprecated, blocker. Use sparingly.
Do Reserve --accent for one or two moments per page. Treat it as the collapsed state: where the eye lands, the system tells the user what to act on.
Don't Never run gradients across the bg. Never use the accent for decoration, background washes, or "AI lab" lighting effects. The accent is meaning, not mood.
03 · Typography

Three faces. Each with a job.

Sans for body and UI. Mono for technical accents and labels. Serif italic for editorial moments only — pull-quotes, doctrinal lines, the manifesto. No Inter, no Roboto, no system stack. Distinctive but not trendy.

Sans · Body + UI
Geist
Aa Qq 8
Geometric, neutral but characterful, generous in negative space. Free, well-engineered, designed for technical interfaces.
300400500600700
Mono · Technical accents
JetBrains Mono
qs.skill()
Operator-grade monospace. Used for eyebrows, badges, labels, code, terminal output, button copy. Carries the brand's technical credibility.
400500600
Serif · Editorial
Newsreader
Names ARE
Italic-only on the public surface. Reserved for doctrinal pull-quotes and the manifesto. Adds editorial weight without trend-debt.
italic 400italic 500

Type scale

Fluid clamp(min, vw, max) scale. Below are the rendered sizes at desktop. Mobile contracts proportionally.

display
96px / 0.98
Ship the work.
h1
72px / 0.98
AI Process Architecture.
h2
42px / 1.05
How I work.
h3
22px / 1.15
Custom Claude skills.
lede
21px / 1.5
Multi-agent orchestration, custom Claude skills, court-defensible workflows.
body
15-17px / 1.55
Most copy is set here. Mixed sentence rhythm, em-dashes for force.
eyebrow
11.5px / mono / 0.14em
Quantum Symbiote · System v0.1
04 · Components

The kit.

Operator components: buttons, badges, terminals, callouts, surface cards. All flat, all square-ish (2-3px radius max), all interaction-credible. No glass, no glow, no gradients across components.

cmp.btn

Button — primary / ghost

Mono caps, 0.04em tracking, 2px radius. Primary on the accent. Ghost as outline → fills accent on hover.

v2 shipped Available QS-SVC-002 Deprecated
cmp.badge

Badge — status / tag / ID

Mono 11px, hairline border, optional dot. Accent for shipped. Success for available. Cyan for service IDs. Danger sparingly.

QS-SVC-001

Custom Claude skills

Convert your existing process into a reusable agent skill. Versioned, testable, court-defensible, yours.

cmp.card

Surface card

Surface-1 fill, hairline border, 22px padding, 3px radius. Used for service cards, engagement tiers, info blocks.

qs://ops/intake
status
available · 1–2 wk lead
next.brief
cmp.terminal

Terminal panel

For hero rails, status surfaces, anywhere the operator credibility needs to land. Three-dot chrome, accent-prompt, success for ok-state.

Doctrine Every output is Ship/Sell-ready by design. No phase ships in a state that requires a separate "now make it deliverable" pass.
cmp.callout

Doctrinal callout

2px accent left-border, soft accent tint, mono uppercase label. Reserved for doctrine and warnings. Don't use as a styled paragraph.

Section · 05 · Engagements
cmp.eyebrow

Eyebrow + section divider

Mono 11.5px caps with 18px accent rule preceding. Section-anchoring pattern across all surfaces. Spec'd hairlines for dividers — never a fat line.

05 · Voice

Declarative. Metaphor-rich. No hedging.

The full guide lives in company_ethos/08_BRAND_VOICE_GUIDELINES.md. This is the operator's cheat sheet — the rules that decide whether copy ships.

Five tonal modes

Public surfaces stay in Default and Pitch. Proposal mode for Upwork. Technical-deep-dive for engineering audiences. Doctrine reserved for section closers and the manifesto.

Mode
Use for
Example phrasing
Default
Blog posts, About sections, proposals at large.
"VENOM is the brand contract for shape-shifting capability. Every agent or tool with VENOM prefix advertises that it can morph to fit the task at hand."
Pitch
Landing page hero, Upwork proposals, cold email.
"I architect AI-agent systems that ship production-grade work in days, not weeks. Not a prompt engineer — an AI Process Architect."
Technical
Docs for engineers / CTOs.
"DIG-RiPS is the canonical 6-atom content-pipeline sub-pattern. VENOM wraps it with Find/Build at the start and adds Map as a distinct relationship-analysis step."
Proposal
Per-job Upwork proposals.
"I can convert your existing process into a reusable AI skill, so your team gets consistent outputs without rebuilding the context every time."
Doctrine
Section closers, taglines, manifesto.
"Names ARE specs." / "The Janitor IS the Worker." / "Every output is Ship/Sell-ready by design."

Vocabulary — do / don't

● Use
AI Process Architect · Multi-agent orchestration · Court-defensible substrate
VENOM · ALLY-OOP · WAR-ROOM · 8-atom Master Sequence
Shape-shift · morph · dissolve · map · upgrade · repackage · ship/sell
Primitive · atom · composition · blade · pipeline · substrate
Names ARE specs · The Janitor IS the Worker · Eyes on the road
○ Banned
Prompt engineer → AI Process Architect
AI-powered · cutting-edge · state-of-the-art · game-changer
It's worth noting · generally speaking · in some cases · you might consider
Just a script · simply does · basic setup · merely a tool
Sage Rivers Wellness · sageriverswellness.com · wellness pivot

7-point voice gate

Before any customer-facing copy ships, run this check. Any fail → rewrite that portion; don't paper over with polish.

01
No banned vocabulary present.
02
At least one brand-signature compound present (AI Process Architect, court-defensible, multi-agent orchestration, …).
03
At least one doctrinal statement or metaphor anchor.
04
No hedging filler (might, could, perhaps, generally).
05
At least one em-dash for rhythm if copy is > 200 words.
06
Specific named systems or tools cited (no generic "our solution").
07
Section ends with the strongest sentence — not a tapering qualifier.