creating-landing-pages

What problem does it solve?

This Skill guides designers and marketers to build cohesive, high-converting landing pages by anchoring on a hero-first design system. It ensures color, typography, spacing, and section structure remain consistent across pages, reducing iteration time and misalignment.

Core Features & Use Cases

• Hero-first workflow establishes the foundation for colors, typography, and spacing across the page.
• Icon and animation prompts help maintain consistent visuals and motion language.
• Social proof, CTAs, and section expansion guidance accelerate marketing site delivery.
• Use Case: Rapidly assemble SaaS homepages or marketing pages with a uniform design system.

Quick Start

Create a hero-first landing page blueprint for {app_type} named {brand_name}, including sections: hero, features, social proof, pricing, and CTA.