ProductHero.
The start-aligned opener for a product or solution page: a filled jade eyebrow chip, a display headline that rises line by line from behind a mask with an optional muted second line, a lede, and a CTA pair — over two soft cobalt and jade gradient panels, closing on an 80px jade bleed.
When to use
The opener for a product or solution page that leads with a claim rather than a screenshot — the two-line headline does the work and the copy stays start-aligned. Use Hero for the centred generic opener, CosmicHero for the full-viewport campaign band.
Your ad spend, audited every platform, every line
Dash.fi checks every campaign invoice against what actually ran, and files the claim for you.
Despite the name there is no product shot: no image, no slot, no media region — "product" means
a product page. Emphasis comes from the muted second headline line, not an accent span,
and each line is an overflow: hidden mask (with 0.08em of bottom padding for
descenders) that its inner span rises out of. The band closes on an 80px paper-to-jade bleed
that overlays the section rather than adding height.