Name: WhisperWoof. Named after: Mando (shepherd/dingo mix). Aesthetic: Industrial Warmth — dark, dense, confident, with organic warmth.
| Token | Value | Source |
|---|---|---|
| Background | #0E0C0A |
Nose shadow |
| Surface | #1A1714 |
Dark coat |
| Surface 2 | #221E1A |
Lifted |
| Border | #2E2923 |
Dark ear fur |
| Text | #E8DDD0 |
Chest cream |
| Text secondary | #A69888 |
Muted tan |
| Text muted | #736858 |
Fur shadow |
| Accent | #A06A3C |
Main coat |
| Accent hover | #B8863C |
Eye amber |
| Success | #5C8A4C |
Forest green |
| Error | #B84C3C |
Warm red |
Fur reference: Dark #5C3A1E, Coat #A06A3C, Inner ear #C4956A, Cream #E8D5C4, White #F0E4D4
Geist (Vercel). Geist Mono for timestamps/code. Scale: 11px xs, 13px sm, 15px base, 17px lg, 20px xl.
4px base. Compact density.
Soundbar (180px wide) with Mando's actual traced ear SVGs.
- Idle: ears tilted 6° outward, static dots, dimmed
- Speaking: ears flop ±3° (CSS animation), waveform active, red dot pulses
- Processing: ears straight, amber bars pulse slowly
- Warm amber accent is the only brand color. Everything else is neutral.
- The ears are the brand. No other productivity tool has this.
- Dark mode primary. Light mode supported but not prioritized.
- Compact density — power users want information, not whitespace.
- Motion is minimal except for the ears (the one playful element).