Skip to main content
frontguardBRAND SYSTEM · v1.0

The Frontguard
brand system.

A terminal-native identity for an open-source developer tool. Sharp, precise, mono-forward — built to look at home in a CLI and a PR comment alike.

01 / THE MARK

The shield

A geometric shield = protection, the guard at the gate. Built from a single 5-point polygon — no decorative SVG.

The seam

A center split divides the shield into two halves — baseline vs current. The visual diff, built into the mark.

The cursor

The wordmark ends in a blinking block cursor — the terminal, always.

frontguardPRIMARY LOCKUP
frontguardMONO · ON LIGHT
MARK · APP ICON

02 / COLOR

CANVAS & INK — warm neutrals
canvas
#0d0c0b
panel
#131210
raised
#1f1c19
border
#322d28
ink-mid
#b8b0a6
ink-hi
#f5f1ea
BRAND ACCENT — amber
Frontguard Amber
#E8862E
oklch(0.72 0.18 50)
STATUS PALETTE — the terminal language
pass
#4fb477
warning
#e8862e
regression
#e5484d
new
#5b8def

03 / TYPOGRAPHY

DISPLAY & BODYSpace Grotesk
Aa
ABCDEFGHIJKLM abcdefghijklm 0123456789
RegularMediumSemiBoldBold
CODE · LABELS · UIJetBrains Mono
Aa
ABCDEFGHIJKLM abcdefghijklm 0123456789
RegularMediumBold
DISPLAY / 52Ship with confidence
HEADING / 38Detect, understand, fix
BODY / 16Renders every page and explains what changed and why.
MONO / 13$ npx frontguard run --url localhost:3000

04 / VOICE

HONEST

Lead with the real problem — false positives and flake. Skeptical engineers smell hype. Don't oversell.

PRECISE

Specifics over adjectives. "Restore flex-direction: column at <768px" beats "fixes your layout."

LOWERCASE

The wordmark and commands stay lowercase, like the CLI. Terminal-native, never shouty.

05 / MESSAGING

PRIMARY TAGLINE
Catch the regression, not the noise.
THE ONE-LINER

Everyone adds visual regression tests. Then everyone mutes the channel they post to. Frontguard uses AI vision to tell a real regression from noise — so a red run means something again.

SAY
  • Name the real problem: false positives, flake, muted channels.
  • Quote the classifier: "intentional change, not a regression."
  • Lead with BYOK, MIT, and self-hostable — earn trust with facts.
  • Publish real numbers, including where it gets things wrong.
DON'T
  • Promise "zero false positives" or "100% accuracy."
  • Call it magic, autonomous, or a silver bullet.
  • Bury that AI is optional and runs on your own key.
  • Shout in title case or pile on exclamation marks.