Brand kit · canonical reference

The KYE™ brand, in one place.

Master logo, indigo brand colour, charcoal ink, type, spacing and the misuse list. If anything you build references “KYE Protocol™” visually, it MUST trace back to this page. Designers, journalists, partners, integrators — bookmark it.

Colour

Indigo + charcoal ink, period.

Two brand colours, eight system colours. The indigo #6366f1 drives every brand chrome (buttons, links, hovers, focus rings, the diagonal strokes of the logo). The charcoal ink #0b0f1c drives every primary text surface and the logo letterforms. Anything else is a system colour and MUST come from a token, never a magic hex.

Brand colours

Brandindigo-500
KYE™ Indigo #6366f1 · rgb(99, 102, 241) · hsl(239, 84%, 67%) var(--kye-color-brand)
Brand hoverindigo-700
KYE™ Indigo · hover #4338ca var(--kye-color-brand-2)
Brand inkindigo-700
Prose anchor blue #4338ca var(--accent-ink)
Logo inkcharcoal
Charcoal #0b0f1c var(--kye-color-brand-ink)

Dark-mode brand

Brand · darkindigo-400
KYE™ Indigo · dark #818cf8 [data-theme="dark"] --kye-color-brand
Brand hover · darkindigo-300
Hover · dark #a5b4fc [data-theme="dark"] --kye-color-brand-2

Semantic system colours

Danger
Danger #EA4335 var(--kye-color-danger)
Warning
Warning #F4B400 var(--kye-color-warning)
Success
Success #1A8754 var(--kye-color-success)
Info
Info #6366f1 (unified with brand) var(--kye-color-info)
Rule: every blue on every KYE™ surface MUST be #6366f1 or a documented tint/shade of it. If you find a magic blue hex in any commit, file it as a violation and replace with a token reference.
Type

System stack, two weights.

No bespoke webfont — the UI stack is the system-UI stack, with optical sizing for headlines. Material Symbols Outlined for iconography. No other typefaces.

Audit-ready evidence, signed.
font-family: var(--font-display, var(--font-ui)) · font-weight: 800 · letter-spacing: -0.02em · .h-section / h1
Every action streams through the Evidence Gateway.
font-family: var(--font-ui) · font-weight: 600 · .lede / h2 / h3
Body copy reads at 16 px / 1.6 line-height on bodies and 14 px / 1.5 on dense surfaces. Tabular numerals are enforced on tables and ledgers via font-variant-numeric: tabular-nums.
font-family: var(--font-ui) · font-weight: 400 · body
kye:agent:aa-bank:agent.v2:supplier_payment_v3
font-family: var(--font-mono) · KYE™ IDs, hashes, JSON keys, schema-IDs
Usage in code

Tokens only. No magic hexes.

All KYE™ surfaces read brand values from /assets/css/tokens.css. A hardcoded brand hex anywhere outside that file is a violation and blocks CI under the tokens-leak guard.

/* good */
.btn-primary { background: var(--kye-color-brand); color: white; }
a            { color: var(--accent); }

/* bad — would block CI */
.btn-primary { background: #6366f1; }
a            { color: #4338ca; }

Master token file

The single source of truth is /assets/css/tokens.css. The :root block holds light values; :root[data-theme="dark"] mirrors the same names in dark-mode hexes. Components reach for var(--kye-*) exclusively.

Trademark mark

Every first-prominent use of KYE™, KYE Protocol™, Know Your Entity™, and KYE-* profile names on a public page MUST carry a literal unicode (U+2122) directly after the term — no wrapping span, no inline style, no per-surface CSS rule. The ™ inherits font from its parent and renders flush against the term. Subsequent uses on the same page may drop the mark. (Updated 2026-05-15 — previous <span class="tm"> convention retired by the single-block wordmark refactor.)

Built something that uses the KYE™ mark?

Tell us about it. We'll add the listing to the Connector Directory™ and review the brand application.