00 · Overview
The one-page picture. Read this before reading the spec.
Name
SecurityV0. Read as "Security V Zero." Stylized in product surfaces as a two-tone wordmark: Security + visually-demoted V0.
The V0 is a version cue, not a sub-brand. It says: this is the foundational version of a security product. It does not say: this is built on, or affiliated with, Vercel's v0 product. See 03 · Trademark for the formal stance.
Mark
[S] — an uppercase S in JetBrains Mono 700 (outlined to a path), between two SVG-path brackets, on a filled tile.
Why these choices:
- Brackets, not a shield. A shield reads as generic SaaS-security branding. Brackets read as code, version, and engineering — the same register the product itself uses (path IDs, scanner output, deterministic findings). They're the visual analogue of "we don't ship probabilistic scoring."
- Uppercase S, monospace. Lowercase
sreads as a lab build or pre-release. The monospace shape carries the same code/version register as the dashboard's path IDs and scanner output. Inter would soften the mark away from the engineering register. - SVG-path brackets and S, not glyphs. Literal
[]characters and a live<text>Sdrift across browsers, fonts, and zoom levels — and SVG favicons render with no web-font access at all. The whole mark is outlined paths, so it's font-independent and locked. The app itself ships Inter only; JetBrains Mono survives solely as the outlined shape of the mark'sS.
Wordmark
Security + V0, set in Inter, with V0 rendered in a demoted color and one weight lighter (700/600).
- Letter-spacing −0.015em
- Optical alignment: when locked up with the mark,
margin-top: -0.07empulls the cap-line down to bbox-center so flex-center aligns optical-to-optical, not bbox-to-bbox.
Color
Three brand colors carry the mark; the rest of the palette is product UI.
| Token | Hex | Use |
|---|---|---|
--color-primary | #565e74 | Slate-blue. The mark's tile on light surfaces. |
--color-on-primary | #f7f7ff | Foreground on slate. |
--color-mark-tile-inverted | #d9e4ea | The mark's tile on dark surfaces. (Inverse rule — see §02 of the spec.) |
--color-inverse-surface | #0b0f10 | Foreground on light tile when used on dark sidebar. |
Voice (one paragraph)
SecurityV0 reads like a senior engineer's working notes, not a marketing deck. Sentences over scores. "If misused, this path lets the build agent reboot prod" — never "could potentially expose." No hedges, no probability words, no exclamation points. The brand voice mirrors the product's deterministic stance: every claim is something the platform can prove from data.
Where to apply it
| Surface | Treatment |
|---|---|
| Sidebar (dark) | Light tile (#d9e4ea) + dark glyph. Lockup with wordmark. Mark-only when collapsed. |
| Login (light) | Slate tile + white glyph. Larger M for ceremonial weight. |
| Topbar (light, in-app) | Compact lockup. M=28. |
| Favicon | Mark only, slate tile + white glyph. 16/32/64/128 — same SVG, no per-size redraws. |
| WorkOS AuthKit | Mark uploaded as logo; slate-light branding panel values in 02 · Applications. |
What's locked
- The mark glyph and its geometry rules (see 01 · Logo system)
- The two-tone wordmark structure (
Security+ demotedV0) - The trademark hedge: never elevate
V0to the mark, never use[V0]or[v0]in brackets
What's open
- Whether marketing surfaces use the lockup or the mark-only — currently both are allowed; we may collapse to one
- Loading/empty/error visual states (deferred to design-system PRs)