Brand
Logos, palette, and typography. Use them respectfully — don't recolor the flame or run the wordmark in Outfit.
Logo
The flame on dark and light surfaces. Download the source SVG, app banners, and OG image.
On dark — Charcoal #16181d
On light — Off-white #fdfcfa
Color palette
Fire, ember, and flame. Triple-click a hex to select it.
Typography
Outfit for everything. JetBrains Mono for code. Syne is reserved for the wordmark.
Outfit
Google FontsUsed for all UI typography — headings and body.
Better context. Better code.
400 · The quick brown fox jumps over the lazy dog.
500 · The quick brown fox jumps over the lazy dog.
600 · The quick brown fox jumps over the lazy dog.
700 · The quick brown fox jumps over the lazy dog.
JetBrains Mono
Google FontsUsed for code blocks, terminal output, and inline tokens.
$ watchfire init
$ watchfire task add "Add /brand page"
$ watchfire task start
✓ task #0077 ready
→ agent: claude-code
⠋ working in worktree...Syne
Wordmark onlyReserved for the wordmark — never use for headings or UI text.
Don'ts
A short list. The rest is in the upstream brand guidelines.
- Don't recolor the flame.
- Don't run the wordmark in Outfit — use Syne — or in any color other than the brand foreground.
- Don't add purple or cool gradients to Watchfire surfaces.
- Don't crop the flame icon or use it without padding.