Conversion sections across public routes.
System role
Hand-written storytelling components reuse the same tokens, primitives and accessibility policies.
Rendered component states
Use
primary is selected by contract metadata, responsive context or explicit recipe configuration for MarketingCTA.
Motion
Hover and press feedback use 1–2px travel and a 140ms mechanical response.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
secondary is selected by contract metadata, responsive context or explicit recipe configuration for MarketingCTA.
Motion
Hover and press feedback use 1–2px travel and a 140ms mechanical response.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
full-width is selected by contract metadata, responsive context or explicit recipe configuration for MarketingCTA.
Motion
Hover and press feedback use 1–2px travel and a 140ms mechanical response.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.
Use
compact is selected by contract metadata, responsive context or explicit recipe configuration for MarketingCTA.
Motion
Hover and press feedback use 1–2px travel and a 140ms mechanical response.
Accessibility
Meaning remains in text, focus order and semantic state; never colour or motion alone.