marketing pattern

Features

Detailed feature deep-dive page. Per-feature section with screenshot + copy + sub-CTA.

When to use it

/features — second-most-trafficked marketing page.

  • Each feature gets equal weight
  • Anchor links per feature for sharing

Layout regions

header
hero
sections
Repeated alternating layout per feature
cta
footer

States

default
Static content

Example

<><Hero /><FeatureSection title="Tokens" image="/tokens.png" /><FeatureSection title="Contracts" image="/contracts.png" reverse /><FinalCTA /></>

The full Features pattern specifies 1 exact microcopy string, 1 motion spec, 3 composition rules — all gated behind the full recipe. Get the full recipe.

Related

Build the Features pattern in your project.