OpenClaw Marketing Pages

Build the real public experience first. Do not replace it with a generic landing-page template or an explanatory feature tour.

Workflow

1. Read [page-patterns.md](references/page-patterns.md).
2. Inspect the consumer's existing header, footer, sections, and page primitives.
3. Reuse local public-site patterns before adding another composition.
4. Use the canonical tokens and typography contract.
5. Make the brand, product, place, or object visible in the first viewport.
6. Keep a hint of the next section visible at common desktop and mobile heights.
7. 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.