Brandbook

Forged in fire.

The Alovio brand, live. From the Land of Fire — a flame mark, coal surfaces, ember light. The written source of truth is BRAND.md; this page mirrors it in the brand's own skin.

Logo

The flame mark.

Mark · gradient flame-1 → flame-2

alovio

Horizontal lockup · wordmark always lowercase, Grotesk 500

avatar — full-bleed

avatar — badge

favicon

Home is dark. Place the logo on coal; keep the gradient intact; never flatten, invert, recolour or Title-Case the wordmark. Minimum: mark 16px, lockup 88px wide.

Colour

Coal base, flame accent.

--coal #0c0a09 Base surface — page background

--ash #1c1917 Raised panels / cards

--line #292524 Borders & hairlines

--warm-white #fafaf9 Primary text on coal

--smoke #a8a29e Muted text, labels, captions

--flame-1 #f97316 Primary accent — orange

--flame-2 #fbbf24 Gradient partner — amber

--ember #ea580c Selection, focus, glows

linear-gradient(100deg, var(--flame-1), var(--flame-2))

The one signature gradient. Three roles only: the hero accent word, the solid CTA, and link/element hover. 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, smoke text, flame-orange slashes

live status · ember dot

Mono, uppercase, a breathing flame dot

Solid CTA → Ghost CTA

Solid = flame gradient, coal text · ghost = line border

Quotes forged exact.

Flame-text accent — one word, with a heat halo

Plus: coal + film grain, the breathing ember glow / cursor torch (move your pointer), the ignition intro, rising embers, the scroll heat-bar, and igniting dividers like the ones between these sections.

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.