Backstage style kit

For a creator selling courses, video and time, whose page has to make one stranger trust one person enough to pay for what they know — and then teach them well enough to come back.

Colour

Graphite#0E0E11
The ground. Near-black with a little blue in it, never pure.
Bone#F1EFE8
Type and the light cards. Warm off-white, so black on it reads as ink.
Acid#D9F551
The one signal: buttons, progress, the free mark, the featured tier. Rationed.
Ember#FF6A3D
Anything live or loading: the live dot, the countdown, the loading bar.
Slate#26262C
Hairlines, rules and card edges. Never a fill.

Type

Display: Space Grotesk; Bold · -3% tracking · 0.95 leading. The name, section titles, tier prices, lesson counts.
Reading: Inter; Sentence case at 16px, 1.6 leading. Bios, lesson titles, readings, answers.
Label: JetBrains Mono; Medium · 12px · uppercase, +8% tracking. Eyebrows, durations, module numbers, badges, the bar.

Made of

Corners are small: 6px on cards and buttons, 4px on badges. Nothing is a pill and nothing is square.
Cards sit on the graphite with a 1px slate edge and no shadow; under the pointer the edge lightens and the card lifts 2px.
Buttons are acid on graphite, or bone-outlined; they darken a step under the pointer and never scale.
Every lesson row carries a monospace duration and a kind mark; free ones glow acid, locked ones carry a small lock.
Pages fade and rise into each other behind a thin ember bar; sections arrive from below as you scroll.

Voice

Direct, first person, unhurried. Say what you will teach and what it costs. Let the lesson list and the free lesson do the selling.

Hand-built by Akashi Labs for Stashed