AI Hero
AI hero blocks define the first impression of AI-driven products. They clearly communicate the core capability, use case, and value of the AI system, helping users understand what the product does and how it can help from the first screen.
AI Prompt-Centered Hero Layout
Prompt-first hero layout combining a large interactive input, supporting quick-action chips, and primary CTAs. Ideal for AI chat apps, copilots, developer tools, prompt engineering platforms, and AI-powered SaaS onboarding experiences.
Creative AI Product Hero Layout
Center-aligned hero layout with bold headline, trust indicator, dual CTAs, and floating visual cards. Designed for AI generators, creative tools, and visual-first SaaS products showcasing outputs above the fold.
Prompt-Centric AI SaaS Hero
AI hero layout featuring a prompt field, integrated multi-LLM model dropdown, and contextual action shortcuts. Designed for AI copilots, prompt engineering tools, research assistants, and multi-model AI SaaS platforms.
AI Image Generator Platform Hero Layout
Generation-focused hero layout combining a bold value headline, an inline prompt bar with primary action, and a live visual preview gallery. Built for AI image generators, creative tooling platforms, and design-centric AI SaaS products prioritizing instant output visibility.
AI Video Editing Product Hero Layout
Media-first hero layout combining a dominant value headline, dual primary CTAs, and a large embedded video preview with supporting visual thumbnails. Built for AI video editors, generative media platforms, and demo-driven creative SaaS products.