Brand Guidelines
The shape of Proxidize.
A living reference for how we look, sound, and move — covering the logo, palette, type system, iconography, motion, and voice that hold the product together.
Brand version
v1.0
System
Dark-only
Grid
8 pt
Last updated
2026
A dark-only system with two signals.
Proxidize is built on near-black surfaces, with brand yellow and brand green as the only colors allowed to draw attention. Everything else — type, hairlines, motion — exists in service of that contrast.
Restraint
One accent, one signal color. The rest is hierarchy and whitespace.
Density
Information close together, breathing where it counts. Engineers read fast.
Confidence
Direct copy. Specific numbers. No marketing filler. The product earns the claim.
The wordmark, in two contexts.
The Proxidize wordmark is the only approved mark. Use the lockup as a single asset — never reconstruct the glyphs.
Clearspace, contrast, and the rules we don't bend.
The wordmark is small surface area on the page — give it room to breathe and don't decorate it.
Do
- Maintain the underscore detail — it carries the brand mark.
- Preserve minimum clearspace equal to the height of the “P” glyph on every side.
- Place the wordmark over solid surfaces or low-noise gradients only.
- Use the inverse lockup on light backgrounds — never the dark mark on white.
Don't
- Don't rotate, skew, outline or apply drop-shadows to the wordmark.
- Don't recolor the wordmark outside of the approved palette.
- Don't stretch the lockup or alter the spacing between glyphs.
- Don't place the logo over busy imagery without a tint layer at 60 %+ opacity.
Surfaces and brand primitives.
The color system is intentionally narrow. Surfaces handle hierarchy, brand primitives handle attention — that's the whole palette.
Core surfaces
The dark-only foundation the entire product lives on.
Background
Page canvas
Surface 1
Cards · panels
Surface 2
Inputs · muted
Surface 3
Elevated · modals
Brand primitives
The two signals that make Proxidize feel like Proxidize.
Brand white
Primary foreground
Brand yellow
Accent · highlight
Brand green
Live · network · ok
Support & system
Borders, muted copy, and signals shared across the system.
Border
Hairline · divider
Muted foreground
Secondary copy
Geist Sans for everything, Geist Mono for code.
One sans family, one mono family. Weight and size carry hierarchy — never decorative typefaces.
Proxy infrastructure, refined.
Role
Display
Family
Geist Sans
Weight
700 · Bold
Size
48 / 64 px
Tracking
−0.02em
Built for developers, enterprises, and AI teams.
Role
Headline
Family
Geist Sans
Weight
600 · Semibold
Size
28 / 36 px
Tracking
−0.01em
Millions of real IPs across 195+ countries with 99.9% uptime.
Role
Body
Family
Geist Sans
Weight
400 · Regular
Size
16 px / 1.6
Tracking
0
curl -x http://proxidize.com:8080 https://api.example.com
Role
Mono
Family
Geist Mono
Weight
500 · Medium
Size
13 px
Tracking
0
Lucide, 1.6 stroke, no fills.
Every product icon comes from the Lucide set, sized at 18–20px with a 1.6 stroke weight. Consistency over cleverness.
Import from @/components/icons — never directly from lucide-react.
Calm reveals. Pulsing accents.
Motion is mostly invisible. When it shows up, it carries meaning — never decoration.
Calm by default
Reveal on scroll with a 14px lift and 0.45s ease. Nothing bounces, nothing slides across the page.
Honor reduced motion
Every animation guards on useReducedMotion(). If the user opts out, layouts settle in their final state.
Yellow + green carry energy
Conic glow on the perimeter of CTAs and proxy inputs — the only place the palette is allowed to pulse.
Easing curve
cubic-bezier(0.22, 1, 0.36, 1) — fast start, decelerating finish. It matches how the product feels.
How Proxidize sounds.
Confident, technical, plain. We write the way engineers read — fast, specific, and without fanfare.
Direct, not dry
Lead with the value. State capability before context. We earn trust through specificity, not adjectives.
Technical, in plain English
Engineers are the audience. Use the right term, but never hide behind it. If a sentence needs a glossary, rewrite it.
Confident, never loud
We don't shout. We don't oversell. The infrastructure does the talking — the copy just gets out of the way.
Human, not corporate
Contractions are fine. First-person plural is fine. Marketing-speak (synergy, leverage, unlock) is not.