⭐ Featured中级
Landing Page Design System
High-converting SaaS landing page design
完整提示词
Design a modern, high-converting SaaS landing page with the following sections: hero with compelling headline and CTA, trusted-by logos bar, 3-feature value proposition with icons, social proof testimonials carousel, pricing table with 3 tiers, FAQ accordion, and final CTA. Use a purple/emerald color scheme, glassmorphism elements, and micro-interactions
支持平台
✨GPT-4o✨v0✨Claude 3.5 Sonnet
初学者 Rating
4.7(2,560)
Stats
5,800浏览
1,200复制
2,560点赞
1,200收藏
预期输出✨ 高质量
A modern SaaS landing page design specification with glassmorphism, micro-interactions, and purple/emerald scheme
The AI would describe the design in detail:
HERO SECTION:
- Headline: "Ship faster with [Product]"
(Inter Bold, 64px, left-aligned)
- Subheadline: "The all-in-one platform..."
- CTA: Purple gradient button with
hover scale(1.02) + shadow animation
- Background: Abstract gradient mesh with
floating glassmorphism cards
FEATURES SECTION:
- 3 cards with icons, title, description
- Hover: translateY(-4px) + border glow
- Stagger animation on scroll
TESTIMONIALS:
- Auto-scroll carousel, 3 visible cards
- Star rating + avatar + quote
PRICING:
- 3-tier table with "Most Popular" badge
- Toggle monthly/annual with smooth switch