Skip to Content
DocsWhat is Zenon?Brand Reference v2

ZENON

Visual identity reference for the internet verification layer.
v2 · Non-normative · FOSS · Adapt freely
Philosophy
Green means go.
The green circle is a natural adaptation of existing UI conventions, to represent verification at the protocol layer. No brand education required. Status indicators are infrastructure, not identity.
The design language around the mark is dark, industrial, and monochromatic. Hierarchy comes from surface elevation, border weight, and typography. Colour is signal, not decoration — a hue appears only where it means something.
The Mark
Protocol mark
ZENON
Full wordmark
Scales to any context
The green circle stands alone as the protocol-level verification indicator. Pair with the ZENON wordmark when project identity context is needed. At small sizes, the circle alone is sufficient — and preferred.
Glow Treatment
The circle is flat-filled with a soft box-shadow glow. This creates a "lit indicator" effect — active and emissive without faux-3D shading. The glow is the brand.

background: #19E321;
box-shadow: 0 0 24px rgba(25, 227, 33, 0.35);
Native to Interfaces
The green dot is already the universal status indicator. Zenon verification slots into existing UI paradigms without friction. Only the verified state glows; amber marks waiting — or a figure that rests on an assumption — and red marks failure.
Verified
Pending
Rejected
Offline
example.com/api/v2/transfer
VERIFIED
Transaction verified in 42ms · Zero fees
Typography
Three families, three roles. Nothing else.
DISPLAY · H1–H4 · WORDMARK
Zalando Sans Expanded
Variable · 200–900 · FOSS
Geometric grotesque with wide expanded letterforms and uniform stroke weight. Headlines, the wordmark, and hero values — never body text.
BODY · PARAGRAPHS · UI COPY
Plus Jakarta Sans
400–600 · FOSS
A quiet geometric sans for running text. Readable at length; doesn't compete with the display face.
MONO · LABELS · CODE · READOUTS
JetBrains Mono
400, 500 · FOSS
Section labels are uppercase mono with 0.1–0.16em tracking. Numeric readouts use tabular numerals so figures don't twitch as digits roll.
WORDMARK SPECIMEN
ZENON48px · 500 · 0.08em
ZENON28px · 500 · 0.06em
ZENON16px · 500 · 0.04em
The Dark System
The identity lives on a dark, slightly blue-violet surface system. Elevation, not colour, conveys hierarchy: six surfaces, a four-step text ramp, and three border weights.
surface-0
#06060A
surface-1
#0B0B10
surface-2
#111116
surface-3
#18181F
surface-4
#1F1F28
surface-5
#272731
The quick brown fox jumps over the lazy dogtext-primary · #E4E4EB
The quick brown fox jumps over the lazy dogtext-secondary · #A8A8BB
The quick brown fox jumps over the lazy dogtext-muted · #9090A3
The quick brown fox jumps over the lazy dogtext-faint · #7E7E9C
THE FLUORESCENT TUBE — SIGNATURE RULE
A 1px cool-white gradient line (rgb(195, 200, 215)) with a soft bloom — the site's ornamental rule and section divider. Structure glows; it is never coloured.
Colour — Signal, Not Decoration
Zenon Green
#19E321
Quasar Blue
#0099FF
Plasma Pink
#FF0099
BTC Orange
#FF9900
Green marks state
Verified, free, positive — and at most one hero value per section (a $0, a rate). The only colour that ever touches chrome, as the status dot and active marker.
Blue is QSR
A substance colour: a component whose subject is QSR may carry it. Never colour the word itself in prose.
Pink is plasma
The second substance colour, on the same terms. Green outranks both — a block about something being free is green.
Orange is Bitcoin
Cross-chain and BTC references, inside charts and comparison graphics only.
On Light Backgrounds
ZENON
Verified · 0 fees · 42ms
On light backgrounds, the glow effect softens naturally. The green remains high-contrast and immediately readable in any context.
Guidance (Not Rules)
This is FOSS. There are no brand police. But here's what tends to work:
TENDS TO WORK
Green circle as the primary recognition element
Dark surfaces; hierarchy from elevation and borders
Uppercase mono labels, generous spacing
Flat fill + glow for "lit indicator" feeling
One green hero value per section, at most
TENDS NOT TO
Gradients or 3D shading on the circle
Colour as decoration — coloured headings, coloured nouns
Busy backgrounds that compete with the glow
Using the circle as ornament vs. a status signal
Outlines, borders, or containers around the circle
For AI & Agents
A machine-readable brand reference is available as a standalone markdown file. Include it in LLM context windows, agent tool descriptions, or design system documentation so AI tools can generate on-brand Zenon assets.
zenon-brand-reference-v2.md
├── identity & philosophy
├── mark usage rules
├── colour discipline & dark system tokens
├── typography roles (display · body · mono)
├── verification status pattern
└── implementation examples
Zenon Network · Verification layer for the internet
Always on. Anything. Anywhere. Every time.
This document is non-normative. Adapt freely.
Last updated on