Build the real public experience first. Do not replace it with a generic landing-page template or an explanatory feature tour.
Workflow
- Read page-patterns.md.
- Inspect the consumer's existing header, footer, sections, and page primitives.
- Reuse local public-site patterns before adding another composition.
- Use the canonical tokens and typography contract.
- Make the brand, product, place, or object visible in the first viewport.
- Keep a hint of the next section visible at common desktop and mobile heights.
- Validate navigation, content hierarchy, media, light/dark themes, and responsive behavior in a browser.
Rules
- Use the literal brand, product, place, person, or offer as the primary headline.
- Put value propositions in supporting copy rather than an abstract headline.
- Use relevant product or community imagery instead of atmospheric stock media.
- Keep page sections unframed; use cards only for genuinely repeated items.
- Avoid repetitive social-proof, feature-grid, and CTA sections without a content need.
- Keep headings proportionate to their container.
- Use icons for tools and familiar actions; do not use decorative icon boxes.
- Preserve readable line length and clear section rhythm.
- Use motion to explain state or progression, not as ambient decoration.
- Preserve SEO metadata, semantic heading order, and accessible navigation.