Hero section · High Contrast
A landing-page hero with a badge, headline, supporting copy, primary and secondary calls to action and an optional product visual.
Design · High Contrast20 / 20
3px border, solid black badge, 48 px underlined buttons, 15 px+ text and a 3px focus ring.
Motion
Badge, headline, copy, buttons and visual lift into place one after another, 60 ms apart.
Accent
A landing-page hero with a badge, headline, supporting copy, primary and secondary calls to action and an optional product visual.
herolandingmarketingheadlinectasaasabove the fold