About 24fire · Branding
The 24fire brand kit
Download our official logos and explore our colors, typography and the rules for using them correctly – so 24fire looks the same everywhere: clean and recognizable.
Official logos to download
Please use only the original files provided here – unaltered. Download the format you need.
Wordmark
The primary 24fire wordmark (black) with the flame symbol. First choice on light backgrounds.
Flame symbol
The flame mark without the wordmark – for small spaces, avatars and favicons.
App icon
The symbol as an app and favicon graphic (square).
Mascot
Our flame character – a playful secondary character for casual contexts.
Clear space & minimum size
So the logo always has room to breathe and stays legible – meant as a guideline, not set in stone.
Clear space
Keep at least as much free space on every side as the height of the flame symbol. That keeps the logo clear of text, image edges and other logos.
24 px
16 px
Minimum size
Don't show the wordmark smaller than 24px tall, or the flame symbol smaller than 16px. Below that, legibility suffers.
Reference values for a consistent appearance.
Use it right
A few simple rules keep the brand consistent. When in doubt: use the original, unaltered.
Please do
- Use the original files, unaltered
- Leave enough clear space
- Use the white variant on dark backgrounds
- Place it on calm, high-contrast backgrounds
Please don't
- Distort, squash or change the aspect ratio
- Recolor it – the flame stays orange, the wordmark black or white
- Rotate or tilt it
- Add shadows, outlines or effects
- Place it on busy or low-contrast backgrounds
- Recreate the logo or swap the typeface
Our colors
Electric blue is the brand's primary color. The orange of the flame stays reserved for the logo and genuine deals.
Electric Blue
Primary brand color
primary-500
Blue 700
Accent & hover
primary-700
Blue 950
Dark surfaces
primary-950
Flame Orange
Logo & genuine deals
flame-500
Ink
Headings & text
ink
Ink Soft
Body text
ink-soft
Surface
Light backgrounds
surface-alt
Success
Confirmations
success
Click a color to copy its hex value.
Our typeface
The entire brand uses a single type family: Nunito. Self-hosted, so nothing goes to external services.
The quick brown fox jumps over the lazy dog.
24fire · Regular
24fire · Semibold
24fire · ExtraBold
- Type family
- Nunito
- Delivery
- Self-hosted (WOFF2), no external request
- Cut
- Variable font, weights 200–1000
- Headings
- ExtraBold (800)
- Body
- Regular (400) & Semibold (600)
Brand contact
Questions about brand usage, logos in another resolution or a press inquiry? Get in touch.
Social media