Brand identity · v1

tagfire: logo & brand

Technical marketing partner
tagfire.app · 2026

tagfire marktagfire

The 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.

Before · light

tagfire

Thin strokes, open spacing: the type visually receded behind the mark.

After · bold

tagfire

Inter 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.

Primary · horizontal
tagfire
Inverse
tagfire
Stacked
tagfire
Mark only

Construction

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.

tagfire

Minimum sizes

tagfire

Full lockup
24px min height · digital

Mark only
16px · favicon / avatar

tagfire

Print
10mm min height

Color

Palette

Orange carries the brand and marks action; warm neutrals ground it. Status colour is its own voice — pass, drift, and fail are functional and never decorative. Cool hues are reserved for data, never identity.

Core

Flame Orange

#EA5428 · primary

Ink Navy

#2A3444 · logotype

Paper

oklch(98% 0.002 55) · base

Ink

oklch(10% 0.004 55) · dark base

Orange scale

50
100
200
300
400
500
600
700
800
900

Warm neutrals

50
100
200
300
400
500
600
navy
800
ink

Signal palette

Tagfire's whole job is pass/fail, so status colour is brand colour. Orange is not a signal — it marks action and attention, and never means “good”.

Pass

--signal-pass

Drift

--signal-drift

Fail

--signal-fail

Typography

Apfel Grotezk · Inter · Geist Mono

Three faces, one job each. A soft display grotesk at weight 500 carries headlines; Inter is the UI and body workhorse and also sets the logotype; Geist Mono is promoted to first-class duty for every numeral, label, and index.

Aa

Apfel Grotezk · 400 / 500 / 700
Inter · variable
Geist Mono · 400 / 500

Display · 500We fix the pipes.
Sans · 400We fix the pipes.
Sans · 500We fix the pipes.
Sans · 600We fix the pipes.
Mono · 400We fix the pipes.
Logotypetagfire

In the wild

Applications

The mark knocks out to white on flat Flame Orange for icons; the full lockup leads product chrome and print. Flat fills only — the amber gradient the icons used to carry is retired.

App icon
Favicon scale
tagfire
Product top bar
tagfire
Technical marketing partner

Jordan Reyes

Measurement engineer

jordan@tagfire.app
tagfire.app

tagfire · brand identityApfel Grotezk · Flame Orange #EA5428 · Ink Navy #2A3444