Start
hero-section-design
hero-section-design - Skill Dossier
hero-section-design

hero-section-design

Designs the first screen visitors see — the hero section. Layout patterns (split, centered, asymmetric, full-bleed), navbar design, headline typography, CTAs, background treatments (gradients, video, particles, 3D), scroll cues, and above-the-fold conversion strategy. Activate on 'hero section', 'landing page hero', 'above the fold', 'first impression', 'homepage header', 'navbar design', 'hero layout', 'landing page design'. NOT for full multi-page site architecture (use web-design-expert), not for SEO content strategy (use seo-visibility-expert).

Design & Creative
#hero-section#landing-page#web-design#cta#visual

Allowed Tools

ReadWriteEditGlobGrepWebSearchWebFetch

Share this skill

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use hero-section-design to help me build..."
Request Early Access
"Use hero-section-design to help me build a hero-section system"
"I need expert help with designs the first screen visitors see — the hero s..."