Astro UX Skill

Purpose

Provides UX patterns and section templates for lead generation pages.

Core Rules

1. Mobile-first design — 375px base, scale up
2. Clear visual hierarchy — One primary CTA per viewport
3. Trust before ask — Social proof before form
4. Minimal friction — Short forms, clear labels
5. Accessible — Keyboard nav, focus states, contrast

Section Types

Conversion Sections

| Section | Purpose | Key Elements |