Brandbook
Forged in fire.
The Alovio brand, live. A white studio page where the fire is kept to
thin accents. The written source of truth is BRAND.md; this page
mirrors it.
Logo
The flame mark.
Mark · gradient flame-1 → flame-2
Horizontal lockup · wordmark always lowercase, Grotesk 500
The mark sits on white. Keep the gradient intact; never flatten, invert, recolour or Title-Case the wordmark. Minimum: mark 16px, lockup 88px wide.
Colour
White page, flame accent.
--bg #ffffff Page ground --surface #fafaf9 Cards, panels, product frames --surface-2 #f5f5f4 Code blocks, pills, hover fills --line #e7e5e4 Hairlines, card borders --text #0c0a09 Headlines, body --muted #57534e Sub-copy, ledes (7.6:1) --faint #78716c Markers, captions (4.8:1) --flame-ink #9a3412 Small accent text on white (7.3:1) --flame-1 #f97316 Primary accent — orange --flame-2 #fbbf24 Gradient partner — amber linear-gradient(100deg, var(--flame-1), var(--flame-2)) One signature gradient, used sparingly: large text on the page uses the
darker on-light pair (--flame-text-1 → --flame-text-2); inside a furnace the bright
pair. Small accent text is solid --flame-ink. Flame is a spice — never a flat
orange wall.
Typography
Grotesk speaks, mono labels.
Hero H1 · Grotesk 700
Forged in fire.
Section H2 · Grotesk 700
Built in the forge.
Sub / lede · Grotesk 400
Plugins that drop in clean.
Body · Grotesk 400
No bloat, no lock-in, no subscription treadmill.
JetBrains Mono · labels, code, the // marker
// FORGED IN THE LAND OF FIRE
$ npm run build · 0.1 + 0.2 = 0.3
Weights in use
Space Grotesk 700 — headlines
Space Grotesk 500 — wordmark, sub-heads
Space Grotesk 400 — body copy
Motifs
The forge language.
Section marker
// LABEL — mono, faint text, flame-orange slashes
Mono, uppercase, a breathing flame dot
Coal solid + ghost. There is no third button.
The product frame — light panel, window chrome, one flame heat line
Plus: the scroll heat-bar, igniting dividers like the ones between these sections, and on the homepage the mockup that assembles itself as you scroll.
Voice
Confident, plain, no fluff.
- Forged in fire. Built to fit.
- The free version is the product.
- Conditional logic is never a paywall.
- best-in-class, synergize, leverage, game-changer
A maker who knows the craft and won't waste your time — a thread of
forge-poetry, earned by specifics. Full do/don't in BRAND.md.