Approved Inspector Button System

Type Reel Focus Blur

This is the finalized visual reference. The Type Reel vertical replacement stays constant while six coherent variants provide hierarchy for different future CTA roles. Final button wording will be assigned later.

Dark Surface Preview

Final Six Variants

Same interaction family, consistent height, radius, typography and reel timing.

Button 01Select 01 Button 02Select 02 Button 03Select 03 Button 04Select 04 Button 05Select 05 Button 06Select 06

Light Surface Preview

Same System Across Light Sections

The selected design remains usable outside dark heroes and CTA bands.

Button 01Select 01 Button 02Select 02 Button 03Select 03 Button 04Select 04 Button 05Select 05 Button 06Select 06

Height64px desktop, 58px mobile

Radius12px across the family

Reel Timing340ms with blur and scale

IconsNone

Finalized reference only. This page remains noindex and nofollow. The selected design is ready to be moved into the global Inspector CSS layer after deployment approval.