tagfire: Logo & Brand
tagfire.app · 2026
tagfireThe refinement
A bolder, more confident logotype
The original wordmark ran too light to hold its own next to the flame mark. We thickened the logotype to a bold weight and tightened the letter-spacing, so the name reads with the same energy as the icon, without touching the mark.
Thin strokes, open spacing: the type visually receded behind the mark.
Geist Bold (700), letter-spacing −0.045em. Heavier, grounded, and balanced to the icon's weight.
Logo system
Lockups & variations
The primary lockup pairs the flame-T mark with the bold logotype. Use the mark on its own where the brand is already established: app icons, favicons, avatars.
tagfiretagfiretagfireConstruction
Clear space & minimum size
Keep a margin of X (the height of the mark's crossbar) clear on every side. Never place type, edges, or imagery inside this zone.
tagfireMinimum sizes
tagfire24px min height · digital
16px · favicon / avatar
tagfire10mm min height
Color
Palette
The fire spectrum carries the brand: orange to amber to yellow. Navy and achromatic neutrals keep everything grounded. Cool hues are reserved for data, never identity.
Core
Orange scale
Neutrals
Typography
Geist
One family does everything: Geist Sans for the logotype and all UI, Geist Mono for code, labels, and specs. The logotype locks to Bold; body text stays Regular to Medium.
Geist Mono · 400 / 500
In the wild
Applications
The mark knocks out to white inside the fire gradient for icons; the full lockup leads product chrome and print.
tagfiretagfiretagfire.app