A warm voice tool
for your Mac.
SuperEar is a dictation app that lives in your menu bar and respects your privacy.
This brand book covers the logo, color, typography, voice, and tone that make it feel like SuperEar.
01
Logo
A three-arc ripple mark — sound radiating outward. Always paired with the wordmark, lockup tightens to nearly touch.
02
Color
A warm paper palette with a single olive sage accent. No blue, no purple, no neon, no terracotta.
Olive Sage
#5C6E44
The accent. Used sparingly for CTAs, key highlights, and italic emphasis words. Never dominate a section — this color earns its weight.
Paper
#FAF6ED
Default background.
Ink
#1A1815
Primary text & dark sections.
Paper 2
#F5EFE2
Alternating sections & cards.
Paper 3
#EEE6D2
Deeper card wells.
Divider
#E2D9C4
Borders & thin separators.
Muted
#736B5F
Secondary copy.
Sage Deep
#3F4F30
Button hover & pressed state.
Sage Light
#7A8F5E
Soft highlights & glows.
Sage Dim
rgba(92,110,68,0.08)
Tinted backgrounds.
Muted 2
#9A9185
Tertiary labels.
03
Typography
Four typefaces — display, body, mono, and wordmark. Each has one job.
Display
Instrument Serif
Headlines, taglines, pricing numerals, italic accents.
Think out loud.
We'll handle the rest.
Regular400
Italic400 ITALIC
Bold700
Body
Plus Jakarta Sans
Paragraphs, feature copy, UI labels, buttons.
A voice dictation app that lives in your menu bar. Press a shortcut, speak naturally, and your words appear at your cursor. SuperEar runs 100% on your Mac — Parakeet handles speech and Qwen polishes it, both on the Neural Engine. Nothing touches the cloud.
Regular400
Medium500
SemiBold600
Bold700
ExtraBold800
Mono
JetBrains Mono
Labels, timestamps, shortcut keys, metadata, eyebrow text.
⌥ Space · macOS 14+ · 100% LOCAL · v1.0.0
HOW IT WORKS
FEATURE 01
PRICING
⌥ Space
00:12
240 WPM
4 MB
Wordmark
Inter
Exclusively for the SuperEar name in the logo lockup.
SuperEar
Inter 700 · letter-spacing -0.025em
04
Voice & tone
Warm, quiet, confident. Like a craft object, not a SaaS dashboard.
01
Warm, not sterile
Paper, ink, olive sage. Quiet accents. No cold greys, no sharp blues, no neon gradients. The page should feel like a small indie studio printed it.
02
Quiet confidence
No exclamation marks. No "revolutionary." Say exactly what it does in plain words and let the product speak. Italic serif words are for emphasis, not volume.
03
Privacy is posture
"100% local" and "on your Mac" are load-bearing. Never say "we." Say "your voice." The user keeps their data — we lean into it visually and verbally.
04
One thing at a time
SuperEar is a dictation app. That's the whole pitch. Every section has room to breathe. Bento grids are asymmetric, not dense. Leave silence around the product.
05
Do & don't
Rules of thumb for making things look like SuperEar.
✓ Do
- Use Instrument Serif for headlines and italic emphasis words
- Keep backgrounds in the paper family (#FAF6ED → #EEE6D2)
- Use olive sage sparingly — accents, CTAs, italic highlights
- Pair the ripple mark with the wordmark, tightly lockup
- Inter 700 only for the SuperEar wordmark
- Use JetBrains Mono for labels, timestamps, shortcut keys
- Subtle doodle underlines on key phrases
- Alternate warm paper sections with dark ink for rhythm
✗ Don't
- Don't set body copy in Instrument Serif — it's for display only
- Don't use Inter anywhere except the wordmark
- Don't introduce new accent colors (no blue, purple, terracotta)
- Don't add gradient backgrounds or neon glows
- Don't separate the ripple mark and wordmark with wide gaps
- Don't use generic sans-serif system fonts in place of the specified set
- Don't decorate with emoji when JetBrains Mono labels work
- Don't fill every pixel — whitespace is the look