Brand & design system / v1
The training ground,
rendered in brand.
Try itright-clickthe wordmark for Copy Wordmark, Copy Logo, and downloads.
Voomer® is a candidate's coach, corner, and arena for AI video interviews. This page is the single source of truth for how the brand looks, moves, and speaks. Everything here is copyable and downloadable. Nothing here is decoration for its own sake.
Logo / 01
The mark and the wordmark
Two assets. The logomark is the V in a rounded arena tile. The wordmark is the logomark plus Voomer®. Click any tile to copy its SVG.
Clearspace & minimum size
Keep clearspace of one tile-height on every side. Never render the logomark below 20px or the wordmark below 96px wide.
Misuse
The mark carries the brand's confidence. Do not undercut it.
✕ Don't stretch or distort
✕ Don't recolor the tile
✕ Don't add shadows or effects
✕ Don't drop the ® mark
Color / 03
OKLCH, anchored on one red
The system is authored in OKLCH for uniform saturation across values. Ship the sRGB hex anywhere variables are not available. One accent carries the brand and everything else is a chosen neutral. Click any swatch to copy its value.
Surfaces & text
Semantic status
Status color is separate from the accent. It reads as a coach's assessment, never a traffic light: warm to cool, poor to good.
Typography / 04
Type is infrastructure
Two faces. Geist Sans for everything read: headlines, body, UI. Geist Mono for data and code. Different pages should feel different through weight, scale, and spacing alone.
Geist Sans
Headlines, body, UI, labels. The voice of the brand: heavy and tight at display size, neutral and legible at body size.
Geist Mono
Scores, metrics, tokens, code. Always with tabular-nums so changing numbers hold their width.
Scale
Motion / 05
Motion is information
Every animation communicates a state change that would be lost if static. Motion feels like breathing, not fireworks. These are the totems and rituals, live below.
Voice & tone / 06
Coach, not cheerleader
Validate the struggle. Celebrate progress specifically. Speak to the candidate's reality: the camera, the timer, the silence. Never to a persona.
▲ Say this
Your pacing improved 15%. Hold that and the silences start working for you.
"You speak faster than 78% of applicants."
"AI interviews are unnatural. Let's make yours feel practiced."
✕ Not this
Amazing job! You're crushing it! 🎉
"WPM: 145."
"AI interviews are the future of hiring."
Principles
- 1Comparative, not absolute. “Faster than 78%,” not “145 WPM.”
- 2Arena vocabulary. Training ground, the arena, walk in ready, face your interview.
- 3Emotional honesty. Name the fear. The unnatural interview is the enemy, not the candidate.
- 4Active voice, second person. “You’ll see exactly how you come across.”
- 5Data tells the user’s story. Every number answers: so what for my interview?
Banned words
Corporate filler that says nothing. Cut on sight.
And the brand mark: always Voomer® with the ® on first and prominent use.
Downloads / 07
Take the kit
Vector assets, ready to drop into Figma, a deck, or a signature. Generated from the current marketing mark.
