Brand Book
v1.0
01
The monochrome horizontal lockup is the default. Use it everywhere unless a themed context calls for color. Symbol + wordmark in a single color, no font dependencies.
For square contexts: app icons, social avatars, compact UI. Symbol centered above wordmark.
Favicons, loading spinners, app icons where wordmark isn't needed.
02
The primary brand accent. P + X + symbol take the accent color; "roov" stays neutral. Teal signals trust, health, and growth. Matches the ProovX dev app.
03
The achievement accent. Victory, prestige, celebration moments. Same rule: P + X + symbol in gold, "roov" neutral.
04
The logo is a chameleon mark: structure locked, color adapts to the theme. These are the two branded accents. In themed contexts (player worlds, gym brands), the logo inherits the theme's accent.
| Element | Color |
|---|---|
| P (first letter) | Accent color (teal, gold, or theme color) |
| roov | Neutral (white on dark, black on light) |
| X (last letter) | Accent color |
| Symbol (7 dots) | Accent color |
05
| Symbol | V2-31 Ascending — 7 circles (head r=4, body r=2.5) |
|---|---|
| Font | Audiowide 400 — converted to paths, zero font dependencies |
| Spelling | ProovX — capital P, capital X |
| Letter-spacing | -0.025em |
| Cap-height ratio | 0.7002 (from Audiowide OS/2 table) |
| Horizontal gap | 4 units between symbol right edge and text |
| Horizontal text size | fs 20 (cap-height = 50% of symbol height) |
| Stacked gap | 3 units between symbol bottom and text cap-top |
| Stacked text size | fs 16 (cap-height = 40% of symbol height) |
| Alignment | Bottom-aligned (text baseline = symbol feet at y=29.5) |
| Symbol viewBox | 5.5 1 21 28.5 |
| Horizontal viewBox | 5.5 1 106.5 28.5 |
| Stacked viewBox | -16.3 1 65.6 43.7 |
06
Same proportions at every size. The lockup holds from 16px to 96px.
07
Minimum clear space = head circle radius (4 viewBox units) on all sides. Equivalent to the head dot diameter at render size.
08
Change the dot proportions or positions
Rotate the symbol or lockup
Use a different font for the wordmark
Add effects (drop shadows, outlines, 3D)
Place on busy/low-contrast backgrounds
Use below 16px symbol height
Change the gap or text-size ratio
Stretch or compress — always scale proportionally
09
ProovX is a chameleon mark. The geometric structure is permanently locked — but color adapts freely to any theme context: player worlds, gym brands, event visuals, seasonal campaigns.
| Element | Freedom |
|---|---|
| Accent fill (P + X + symbol) | Any solid color or gradient that meets contrast requirements against the background |
| Neutral fill ("roov") | Solid or gradient — white-range on dark backgrounds, black-range on light backgrounds |
| Background | Any solid or gradient, as long as minimum contrast is maintained against both accent and neutral fills |
| Mono mode | All elements in a single color when accent coloring isn't appropriate (e.g., footer, print, emboss) |
| Locked property | Reason |
|---|---|
| Symbol geometry (7 dot positions + sizes) | The ascending person is the core brand mark — any change breaks recognition |
| Wordmark paths (Audiowide letterforms) | Paths are baked from the canonical font — never substitute another typeface |
| Gap between symbol and wordmark | 4u horizontal, 3u stacked — scientifically locked for optical balance |
| Text size ratio | Cap-height at 50% (horizontal) or 40% (stacked) of symbol height |
| Dot proportions (head r=4, body r=2.5) | Head-to-body ratio encodes the human figure metaphor |
| Rotation, skew, or perspective transforms | The ascending diagonal is part of the meaning — never tilt the mark |
| Effects (shadows, outlines, glow, 3D) | No effects layered on top — they undermine the geometric precision |
| Aspect ratio (non-uniform scaling) | Always scale proportionally — never stretch or compress |
| Color rule assignment | Accent goes on P + X + symbol; neutral goes on "roov" — never invert this mapping |
The same lockup adapting to different contexts. Structure identical, only fills change.
10
The symbol works as a standalone icon across all digital touchpoints. Use the teal accent version as default; mono white or black when the context demands a single color.
11
All 8 production SVGs in brand/. Pure paths, zero font dependencies. Non-mono files have 3 <g> groups (symbol / roov / P+X) for easy re-coloring.
proovx-horizontal-white.svg3 groups · white fills
proovx-horizontal-black.svg3 groups · black fills
proovx-horizontal-mono-white.svg1 group · monochrome white
proovx-horizontal-mono-black.svg1 group · monochrome black
proovx-stacked-white.svg3 groups · white fills
proovx-stacked-black.svg3 groups · black fills
proovx-symbol-white.svgSymbol only · white
proovx-symbol-black.svgSymbol only · black