Skip to main content
Watchfire
Press kit

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.

Fire Orange
fire-500
#e07040
Primary brand color
Ember Gold
ember-500
#e29020
Secondary accent
Flame White
fire-50
#fff5e6
Highlight / inner flame
Fire (light theme)
fire-600
#b85a30
Brand color on light backgrounds
Ember (light theme)
ember-600
#c07818
Accent on light backgrounds
Charcoal
background (dark)
#16181d
Dark theme background
Off-white
background (light)
#fdfcfa
Light theme background

Typography

Outfit for everything. JetBrains Mono for code. Syne is reserved for the wordmark.

Outfit

Google Fonts

Used 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 Fonts

Used 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 only

Reserved for the wordmark — never use for headings or UI text.

watchfire

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.

Contact

For partnerships, sponsorships, or press enquiries, reach out at info@watchfire.io.