openclaw-marketing-pages

Use the literal brand, product, or offer as the primary headline in the first viewport, with specific supporting copy about what it is and who it helps. Keep a hint of the next section visible at common desktop and mobile heights so users know to scroll.

Build sections as full-width bands or unframed layouts with constrained inner content, and reserve cards for genuinely repeated comparable items. Keep one primary action per decision area and avoid repetitive social-proof, feature-grid, and CTA sections without a content need.

Test at least one narrow mobile viewport and one desktop viewport in a browser. Verify navigation stays reachable, headings and buttons wrap without clipping, media shows the important subject, fixed controls do not cover content, and both light and dark themes preserve hierarchy and contrast.

Yes, the rules require preserving SEO metadata, semantic heading order, canonical URLs, accessible navigation, and readable prose line lengths. Motion is used only to explain state or progression, not as ambient decoration that could harm usability.

Always inspect the consumer's existing header, footer, sections, and page primitives first and reuse local public-site patterns before adding another composition. Marketing layouts and decorative textures stay in the consumer unless multiple sites prove the same reusable interface.