Sections/Heroes
advancedSplit Hero With Metrics
An opening section with a main headline, CTA, and supporting metrics in a two-column layout.
herolandingmarketing
Open itemPage-level layout slices such as hero sections, auth surfaces, and dashboard blocks. Use this domain when the problem is scoped to sections work, then narrow into a category and specific references.
Each category groups references that solve a similar UI problem so the library feels more like a handbook than a flat archive.
Browse every seeded item in this domain, then open the ones that need closer inspection.
An opening section with a main headline, CTA, and supporting metrics in a two-column layout.
An editorial hero that combines narrative copy with a more visual preview stack.
A centered hero composition that pairs concise positioning copy with a compact email capture form.
A centered announcement hero for releases, launches, and update-led messaging that needs one strong message first.
A workspace-oriented hero for authenticated products that need onboarding copy and one operational summary panel.
A media-led hero with a large preview frame for product walkthroughs, demos, or interface teasers.