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
  • cta
  • footer

States

  • default

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.

Build the Features pattern in your project.