Brand
The Roark brand kit.
Everything you need to represent Roark correctly: the logo in vector and PNG, our color palette, and our typography. Please keep the mark intact and give it room to breathe.
Logo
Wordmark
The primary lockup. Use it wherever there is room. Vector (SVG) is always preferred: it scales to any size with no quality loss.
Logomark
The standalone R with its integrated waveform, for tight or square placements like favicons and avatars. The waveform is the signature detail: never crop it.
A few asks: keep the green as our accent, do not stretch, recolor, or add effects to the mark, and give it clear space on all sides. On photos or dark backgrounds, use the white version.
Color
Palette
Accent
#006838
Roark green, primary actions
Accent hover
#005530
Hover state
Accent subtle
#e4eee6
Green tint backgrounds
Error
#e94e2a
Errors and destructive
Shell
#f0eeeb
App background, warm paper
Panel
#ffffff
Cards and panels
Ink
#302e2d
Primary text
Border
#e4e0dc
Hairline borders
Conversation roles
Typography
Type system
Display · Bricolage Grotesque
Headlines
Hear what your agents miss.
Body · Hanken Grotesk
Body copy
Roark scores every call on the metrics that matter to you.
Product UI · Geist
The product app
Dashboard · Calls · Metrics · Simulations
Mono · Geist Mono
Data, code, IDs
call_id: 7f3a2b · score 0.94 · 00:04:12
The product app runs on Geist. The marketing site leads with Bricolage Grotesque for display and Hanken Grotesk for body. Both are free from Google Fonts.
Bring a recording.
We’ll score it live.
See your own agent measured on the audio it actually produced, in the demo, in real time. Stop guessing whether your voice AI works.
Or start free with $50 in credit · read the docs · support@roark.ai