Brand Guide
Bax Brand
Everything you need to represent Bax consistently. Logo, colors, typography, voice, and usage guidelines. This page is not indexed by search engines.
Logo
The Bax logo consists of the logomark (icon) and the wordmark. They can be used together or separately. Always maintain clear space equal to the height of the “b” around the logo.
Full Logo — Dark Background
Full Logo — Light Background
Logomark Only
Minimum Sizes
Don'ts
- • Don't rotate, stretch, or distort the logo
- • Don't change the logo colors
- • Don't place the logo on busy or low-contrast backgrounds
- • Don't add effects (shadows, outlines, gradients) to the logo
- • Don't use the old “B” placeholder — always use the official logomark
Colors
Bax uses a dark-first palette. The primary accent is Electric Cerulean (#00BBFF). Text follows a four-level hierarchy: Snow, Ash, Fog, Mist.
Canvas / Backgrounds
Canvas
#111113 · canvas
Primary background
Surface
#19191C · surface
Cards, panels
Surface Raised
#222225 · surface-raised
Elevated cards, modals
Surface Overlay
#2B2B2F · surface-overlay
Dropdowns, popovers
Brand Accent
Accent
#00BBFF · accent
Primary brand color — Electric Cerulean
Accent Dark
#0099D6 · accent-dark
Hover / pressed states
Accent Glow
rgba(0,187,255,0.12) · accent-glow
Glow effects, shadows
Accent Muted
rgba(0,187,255,0.14) · accent-muted
Subtle backgrounds
Text Hierarchy
Snow
#ECECEE · snow
Primary text, headings
Ash
#A9A9B4 · ash
Body text, descriptions
Fog
#77777F · fog
Secondary text, labels
Mist
#4A4A52 · mist
Tertiary text, timestamps
Borders
Border
#333338 · border
Default borders
Border Subtle
#27272C · border-subtle
Subtle dividers
Border Strong
#47474F · border-strong
Emphasized borders
Status
Healthy / Success
#34D399 · healthy
Positive states, connected
Warn / Warning
#FBBF24 · warn
Warnings, degraded
Critical / Danger
#F25555 · critical
Errors, outages, CVEs
Info
#7B9EFF · info
Informational highlights
Typography
Three font families, each serving a distinct role in the interface.
Display — Bricolage Grotesque
var(--font-bricolage) · 400 500 600 700 800
The command center for vibe coders.
Body — Instrument Sans
var(--font-instrument) · 400 500 600
Every morning you check Stripe, then Vercel, then your uptime monitor, then GitHub. Bax puts revenue, uptime, dependencies, and every repo into one dashboard — so you can ship instead of tab-switching.
Mono — JetBrains Mono
var(--font-jetbrains) · 400 500
$ bax scan --repo bax-app
✓ Detected 14 services · 3 vulnerabilities found · docs generated
Voice & Tone
Bax speaks like a sharp dev friend — not a marketing department.
We are
- Direct. Say it in fewer words. Lead with the point.
- Technical but clear. Assume they code. Don't assume they know DevOps.
- Empathetic. They're juggling a day job + 3 side projects + a life.
- Slightly irreverent. Dry humor. Real talk. No hype.
- Show, don't tell. Screenshots, GIFs, real data over adjectives.
We never
- Use corporate jargon. No “synergy,” “leverage,” “empower,” “solution.”
- Over-promise. No “revolutionary” or “game-changing.”
- Use excessive emojis. Zero in product UI. Sparingly in social.
- Talk down. The audience is smart. Respect that.
- Write walls of text. If you can say it in one sentence, don't use three.
Copy examples
Leverage our powerful platform to revolutionize your workflow.
Stop checking six dashboards. Start checking one.
Our AI-powered solution enables seamless project documentation.
AI that reads your repo so you don't have to.
Bax empowers developers with comprehensive monitoring capabilities.
Your 47 outdated dependencies aren't going to fix themselves.
Core Messaging
Key phrases and positioning lines for consistent communication.
The command center for vibe coders and indie developers.
Revenue, uptime, dependencies, and every repo — one dashboard.
Bax is a single dashboard for everything you ship. Connect GitHub and it imports every repo, then layers on Stripe revenue tracking, uptime monitoring, dependency scanning, AI-powered analysis, and a curated developer news feed. One place instead of twelve tabs.
Stop checking six dashboards. Start checking one.
Cmd+K. Any project. Under 3 seconds.
You ship fast. Bax keeps track of everything you ship.
Your 47 outdated dependencies aren't going to fix themselves.
Your MRR shouldn't live in a Stripe tab you forgot about.
AI that reads your repo so you don't have to.
Spacing & Radius
Consistent border radii across the UI. No rounded-full on cards — that's reserved for pills, badges, and buttons.
xs
2px
sm
4px
md
6px
lg
8px
xl
10px
full
9999px