horizontal-svg

Brand Kit

Everything you need to refer to PrivacyTools: logos, the shield mark, colors, and the rules that keep them looking right. Every asset comes as SVG and transparent PNG, free to use when linking to or writing about privacytools.io.

Logo

The horizontal lockup is the primary logo. Pick the variant that matches your background.

Logo, dark backgrounds

Logo, dark backgrounds

Primary lockup. Use on bg or surface dark colors.

SVG PNG
Logo, light backgrounds

Logo, light backgrounds

Darker wordmark for light surfaces. The wrench stays white.

SVG PNG
Logo, monochrome white

Logo, monochrome white

For photos, colored backgrounds, or one-color print.

SVG PNG
Logo, monochrome black

Logo, monochrome black

One-color use on light backgrounds.

SVG PNG

Shield mark

The shield stands on its own wherever the full lockup doesn't fit.

Mark, full color

Mark, full color

Blue shield, white wrench. Works on any background. Avatars, favicons, app icons.

SVG PNG
Mark, monochrome white

Mark, monochrome white

One-color use on dark or colored backgrounds.

SVG PNG
Mark, monochrome black

Mark, monochrome black

One-color use on light backgrounds. The wrench stays knocked out, never filled.

SVG PNG

Colors

Shield Blue is the brand. The rest is the Clean Slate interface palette, dark-first.

Shield Blue #3498db

Primary brand color. The shield. Accent in dark mode.

Shield Blue, deep #1f74ad

Accent in light mode. Same hue, darkened for contrast.

Dark theme

bg #0a0d12
surface #11151c
surface2 #181d26
border #222936
text #e8ebf0
muted #8b94a3
good #34d399

Light theme

bg #f6f7f9
surface #ffffff
surface2 #eef0f3
border #e2e5ea
text #0e1116
muted #5b6472
good #059669

Typography

Inter

One typeface, everywhere. Weights 400 to 800. Headlines extrabold with tight tracking, body regular. No second typeface, no exceptions.

Usage

Do

  • Use the provided files as-is: SVG wherever possible, PNG where SVG is not supported.
  • Give the logo clear space of at least the shield’s width on all sides.
  • Use the shield mark alone when space is tight: avatars, favicons, social icons.
  • Write the name as one word, PrivacyTools, or as the domain, privacytools.io.

Don't

  • Don’t recolor, stretch, rotate, outline, or add shadows and effects.
  • Don’t darken the wrench. It is white in color versions and knocked out in monochrome, never black.
  • Don’t set the wordmark in another typeface or rebuild it as text.
  • Don’t place the lockup on busy imagery; use a monochrome variant instead.
  • Don’t use the logo to imply endorsement of a product or service.

Questions, or need something not listed here? Write to hi@oneguy.me.