Skip to main content

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 s reads 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> S drift 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's S.

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.07em pulls 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.

TokenHexUse
--color-primary#565e74Slate-blue. The mark's tile on light surfaces.
--color-on-primary#f7f7ffForeground on slate.
--color-mark-tile-inverted#d9e4eaThe mark's tile on dark surfaces. (Inverse rule — see §02 of the spec.)
--color-inverse-surface#0b0f10Foreground 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

SurfaceTreatment
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.
FaviconMark only, slate tile + white glyph. 16/32/64/128 — same SVG, no per-size redraws.
WorkOS AuthKitMark 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 + demoted V0)
  • The trademark hedge: never elevate V0 to 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)