BRAND GUIDELINES · V1
The Xerant brand,
in one page.
Mark, lockups, color, type, voice, and the whole asset kit — everything you need to put Xerant on a deck, a shirt, a GitHub README, or a billboard without asking anyone.
01 · THE MARK
Agent Lattice.
Four sandboxed agents on the perimeter, one amber orchestrator at the core. The X = Xerant, and the gesture of signing off a deploy. Always pair with XERANTwhen product context isn't obvious.
CLEAR SPACE · MINIMUM SIZE
Keep clear space equal to one corner-node diameter around the mark in every direction. Don't render the full mark below 24 px — drop the grid and use the glyph-only variant, or switch to the favicon.
02 · LOGO USAGE
Do / don't.
The mark is a system, not a decoration. Keep its proportions, spacing, and colors intact everywhere it appears.
DO
Use amber for the X and core.
Corner nodes stay outline-only. Amber is reserved for the diagonals and the orchestrator.
DO
Pair with the wordmark.
When used away from product context, always pair the mark with XERANT set in Geist 600.
DON'T
No gradients or recolors.
The accent is #FFB800. No pinks, no chromed metal, no seasonal skins. If you need contrast, go monochrome.
DON'T
No stretching or rotating.
The lattice is square by design. Don't skew, tilt, squash, or squish it for layout.
03 · COLOR
The palette.
Xerant ships in the dark. Amber is the only accent — use it for the mark, active states, and moments that need to feel alive. Everything else is black, white, and a ladder of greys.
Background
#000000
--color-bg
Primary canvas. Default for nearly every surface.
Surface 1
#0A0A0A
--color-surface-1
Cards, input chrome, quiet panels.
Surface 2
#111113
--color-surface-2
Elevated cards, modals.
Surface 3
#17171A
--color-surface-3
Hover states, active chips.
Border
#1F1F22
--color-border
Default dividers, hairlines.
Border strong
#2A2A2E
--color-border-strong
Node outlines, emphasized edges.
Foreground
#F5F5F5
--color-fg
Body text, headings, primary content.
Muted
#8A8A8E
--color-fg-muted
Secondary copy, metadata.
Dim
#5A5A5E
--color-fg-dim
Tertiary labels, eyebrows.
Accent
#FFB800
--color-accent
Active state, brand signal. Used sparingly.
Accent dim
#8A6500
--color-accent-dim
Disabled / quiet amber.
Success
#4ADE80
--color-success
Healthy deploys, passing checks.
Danger
#F87171
--color-danger
Failed deploys, security findings.
ACCENT DISCIPLINE
Amber is a signal, not a decoration. If more than one thing on a screen is amber, the system is lying about which one matters. Keep it to: the logo core, the active agent, the primary CTA, and live status.
04 · TYPOGRAPHY
Geist. And Geist Mono.
One sans family, one mono family. Use Geist for everything readable. Use Geist Mono for labels, status chips, terminal output, and moments that should feel like system text.
GEIST · Sans
Aa
Headlines set in 600.
Body copy lives at 400 with 15–17 px line-height 1.55. Keep tracking at -0.02em for headlines, 0 for body.
GEIST MONO
Aa
$ xerant deploy --prod
SYSTEM LABEL · 12PX · 0.12EM
Display
- Weight
- 600
- Size (px)
- 72 / 88
- Tracking
- -0.045em
H1 / H2
- Weight
- 600
- Size (px)
- 44 / 56
- Tracking
- -0.035em
Body
- Weight
- 400
- Size (px)
- 15 / 17
- Tracking
- 0
Mono label
- Weight
- 500
- Size (px)
- 11 / 12
- Tracking
- 0.12em
05 · VOICE
How Xerant talks.
Confident, specific, short. We're operators, not cheerleaders. We describe the work, not the mood around it.
Precise, not vague
"Five sandboxed agents run your deploy lifecycle" — not "an AI platform for the cloud".
Plain, not performative
"Ship 60% cheaper than a 3-engineer rotation." No exclamation points. No hype words.
Calm, not cautious
We claim specific outcomes and back them with specific numbers. No hedging.
WRITE THIS
- “A specialized DevOps team. Sandboxed and on-call.”
- “Five agents. One deploy lifecycle.”
- “gVisor isolation per agent. Zero prompt injection blast radius.”
- “Ship to prod, or don't. No maybes.”
AVOID
- Revolutionary, game-changing, next-gen.
- AI-powered, AI-driven, AI-first.
- Unlock the power of “X”.
- Emojis in shipped copy. Ever.
06 · THE AGENTS
Always five. Always in order.
When listing the team, keep the sequence stable — it matches the deploy lifecycle. Names stay uppercase, monospace, tracked wide.
TAGLINE · SANDBOXED DEVOPS AGENTS
07 · DOWNLOADS
Every asset, every format.
All assets live under xerant/public/brand/. SVGs are the source of truth. Need a size that's not here? Re-export from marketing/brand/.
Mark
- svgmark.svg
- pngmark-512.png512×512
- 1024×1024
Wordmark & lockups
- svgwordmark.svg
- 1600×400
- 1200×1400
Avatar & favicon
- svgavatar.svg
- 400×400
- 1024×1024
- svgfavicon.svg
- 32×32
- 180×180
Social
- 1500×500
- 3000×1000
![[email protected]](/brand/png/twitter-cover@2x.png){kind=link}
QUESTIONS
Press, partnerships, or a use case we haven't thought of?