Principles
The Vibe
Stay cool
Light surfaces, soft corners, diffuse shadows. The UI should never raise your blood pressure — that's the bot's job.
Be funny, not goofy
Humor lives in the copy, not the layout. Buttons still look like buttons; they just have a sense of timing.
Ship fast
Every element is a token-driven component. New features inherit the calm for free. No bespoke snowflakes.
Foundations
Color
Warm paper instead of clinical white. Mint says “relax, I've got this”; coral is the comic relief; the rest are sensible adults who only speak when something's on fire.
Surfaces & ink
Paper
--paperSurface
--surfaceSurface 2
--surface-2Ink
--inkBrand
Mint
--mintMint soft
--mint-softCoral
--coralSun
--sunSemantic
Success
--successWarn
--warnDanger
--dangerInfo
--infoFoundations
Typography
Bricolage Grotesque for headlines (it has opinions), Geist for body (it does not). Four degrees of heading, then it's all downhill to the fine print nobody reads — including the bot.
Hire me already
Display · 64 / Bricolage 800
1st degree heading
H1 · 44 / 700
2nd degree heading
H2 · 32 / 700
3rd degree heading
H3 · 22 / 600
4th degree heading
H4 · 18 / 600
Lead paragraph — the confident opener before the bot interrupts you.
Lead · 19
Body text. This is where you explain your “greatest weakness” without admitting it's deadlines.
Body · 16
Small print: results may vary, charisma not included.
Small · 14
Overline / eyebrow
TTFT 421msOverline + Mono
Foundations
Shape & Shadow
Corner radius
xs · 8
md · 14
lg · 18
xl · 24
full · 999
Elevation
xs
sm
md
lg
The product
The Widget
The throne — your floating answer panel, now in the light DNA. It's a living, standalone piece (we're still tuning the real one), so poke it here. Hit Snag a question to watch the full beat: decode → stream the answer in your voice.
Watch it decode the corporate riddle, then stream your answer in your own voice — same beat as the real thing.
No question yet. Breathe — you've survived worse interviewers.
Components
Badges & Status
Live statuses — the play-by-play during an interview:
Components
Inputs
The bot will mispronounce it anyway.
Aim high. They expect you to.
Paste your real résumé. We don't invent jobs you didn't have. That's your cover letter's department.
Components
Toggles & Checks
Switches
Checkboxes
Radios
Components
Sliders
Confidence dial
72%“Honestly? I built that exact thing last Tuesday.”
Components
Tooltips & Menus
Components
Tabs
Translation:the bot asked a 40-word question that means “have you done this before?”
Components
Cards
Start here
On the house. Roughly one bot interrogation. No card required.
Pay per question. Auto-refill so you never go silent mid-answer.
Broke? Bring a friend. They throw in $5, you both eat.
Components
Popups & Toasts
Foundations
Icons
One stroke weight, one rounded family (Lucide). Drop them in at 16–20px next to text and they just behave.
That's the whole kit.
Build new features by reaching for these first. If you need something that isn't here, add it to the DNA — don't improvise in production. The bot can smell improvisation.