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.

Need a packaged set for an article? See the press kit.

Logo

The flame on dark and light surfaces. Download the source SVG, app banners, and OG image. Built something with Watchfire? Grab a README badge.

On dark — Charcoal #16181d

Logo (SVG)Banner — dark (PNG)Banner — app (PNG)

On light — Off-white #fdfcfa

Favicon (SVG)Banner — light (PNG)OG image (PNG)

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.

Back home