---
name: openclaw-marketing-pages
description: Create or update OpenClaw public-page composition for websites, landing pages, content pages, ecosystem pages, and campaigns. Use for page structure, navigation, responsive layout, media, SEO presentation, or public-site visual polish.
---

# 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.
