Hero SaaS (Gutenberg) – Prompt + Example
Learn how to craft the perfect AI Builder prompt to generate a high-converting SaaS hero section in seconds. This guide includes the exact prompt template, customization tips, and a real example.
Why Use This Prompt?
This prompt is designed for SaaS founders, marketers, and designers who need to create professional hero sections without coding. It generates complete Gutenberg blocks with custom CSS, ensuring your landing page looks polished and converts visitors into customers.
The AI handles layout, spacing, color contrast, and mobile responsiveness. You get a production-ready hero section with clear CTAs, benefit highlights, and social proof placeholders—all in under 60 seconds.
The Prompt Template
Copy and paste this prompt into AI Builder, replacing the placeholders with your own details:
Create a Gutenberg HERO section for a SaaS named {NAME}. Target: {ICP}. Goal: {objective}. Tone: {tone}. Include: title ≤ 9 words, subtitle, 2 CTAs (primary + secondary), 3 short benefits, social proof (logo placeholders), image block with description. Style: modern, generous spacing, rounded buttons, accessible contrasts.Prompt Variations
- Tone: Professional, friendly, bold, minimalist, playful
- Target: B2B SaaS, B2C app, enterprise, startups, freelancers
- Language: Add “in French” or “in Spanish” at the end
- Objective: Sign-ups, demo bookings, free trial starts, downloads
Recommended Settings
Design Style
Choose ‘Startup’ for soft shadows and gradients. Use 4-8px border radius for modern, neutral shapes.
Colors & CTAs
Use your brand colors. Primary CTA should be bold (e.g., ‘Get Started’). Secondary CTA can be outlined or ghost style.
Example Output
Here’s what AI Builder generates when you use this prompt for a fictional SaaS called ‘VTechMaster’ targeting sales teams:
Generated Gutenberg Blocks
- core/cover (hero background with gradient)
- core/heading (H1 title, ≤ 9 words)
- core/paragraph (subtitle)
- core/buttons (primary + secondary CTAs)
- core/columns (3 benefit blocks with icons)
- core/group (social proof logo placeholders)
- core/image (hero visual with AI prompt)
Common Mistakes to Avoid
- Vague placeholders: Replace {NAME}, {ICP}, {objective}, {tone} with specific details
- Too many CTAs: Stick to 2 buttons max (primary + secondary)
- Ignoring mobile: AI Builder handles responsive design, but test on small screens
- Weak headlines: Keep titles under 9 words and benefit-focused
- No social proof: Always include logo placeholders or testimonials
Ready to Build Your Hero Section?
Use this prompt in AI Builder and generate a professional SaaS hero in under 60 seconds. No coding required.