Brand Hero

DESIGN RATIONALE

A viewport-filling hero that uses a radial gradient emanating from the brand blue (#2841B8) at 15% opacity. The headline uses Compressed Extrabold for impact, with a max-width constraint of 12 characters per line for optimal reading rhythm. The CTA button uses a subtle inner glow on hover rather than a background color shift.

USAGE GUIDELINES

The first section of any landing page, product launch, or brand campaign. Should be paired with a compelling headline and a single primary action.