SaaS Landing Page Skill
Generate a modern, conversion-focused SaaS landing page.
Rules
- Single-page layout with sticky navigation
- Hero section with gradient background (NO purple/cyan gradients)
- Feature grid with 3-4 features (NO 3-column equal cards)
- Social proof section with real company logos or placeholder blocks
- Pricing table with 3 tiers
- Footer with newsletter signup
- Use the provided company name and tagline
- Respect the primary color for accents (max 2 uses per screen)
- Inter font is FORBIDDEN. Use Geist, Satoshi, or Cabinet Grotesk
Structure
- Navigation (sticky, blur backdrop)
- Hero (left text + right visual/metric)
- Social proof (logo bar)
- Features (alternating layout)
- Testimonials (1 highlighted + grid)
- Pricing (3 tiers, middle emphasized)
- CTA banner
- Footer
Technical
- Single-file HTML with inline CSS
- Responsive: mobile-first breakpoints
- CSS custom properties for theming
- Smooth scroll behavior