PBG Template · Progress Nav
Scene 04

A progress rail that knows where you are.

Hover the rail to read each section title. Click a dot to jump. Active state, completion fill, and label crossfade are all token driven.

Section 01

Vision aligns the team before a pixel is drawn.

A short, written thesis defines the outcome. Without it, every later decision is a coin flip dressed in good taste.

Section 02

Strategy is a plan you can defend in a sentence.

Positioning, narrative, and the one number that proves it worked. Everything else is decoration.

Section 03

Craft is the difference between watched and skipped.

Type, motion, and rhythm engineered as one stack. The eye knows the difference even if it cannot name it.

Section 04

Engineering keeps the promise the design made.

Performance budgets, accessibility, and a clean handoff. The site feels as good as it looks at the second visit.

Section 05

Outcome is the only review that matters.

Numbers in, numbers out. The brand and the dashboard agree on what success means.