Landing Page Design

Pre-Flight: Check Design Context

Before generating landing page code:

1. Use get_design_context to check for existing brand colors, fonts, or component libraries.
2. If a Figma URL is provided, pull screenshots and metadata to match the design.
3. Ask or infer: What is the product? Who is the audience? What is the single desired action?

1. Section Framework

Every high-converting landing page follows this flow. You can reorder or omit sections, but this is the proven sequence: