Webflow Blue, on purpose
--accent (#146ef5) is the single chromatic move — CTAs, links, focus rings. Hover darkens to the documented #0055d4, not a formula.
Inspect accents →Reference fixture · webflow
Design and build production-ready websites — visually.
The visual web platform for designers. Drag, configure, and ship sites that meet the standards of the production web — no shortcuts, no compromises.
What this fixture exercises
A precise builder, made for the production web.
Five-layer cascading shadow
--elev-raised stacks five shadows from 84px presence to 3px contact. Cards feel built into the page, not floating above it.
Read the rule →Sharp, conservative corners
--radius-sm and --radius-md sit at 4px; --radius-lg caps at 8px. Nothing rounds beyond functional — precise, builder-grade geometry.
Inspect radius →Form components
Inputs on the white canvas.
Border Gray (#d8d8d8) at rest, Border Hover (#898989) on hover, Webflow Blue focus ring. The same precision applies to every interactive surface — buttons, inputs, cards.