Skip to content

Components

Buttons

Variants States Usage

When to use which variant

The placement rules behind primary / secondary / ghost. One primary per surface, never compete CTAs side-by-side - these constraints are what keep the call-to-action voice singular across the site.

  • One primary per surface - never two competing CTAs in the same band.
  • Ghost / link CTAs carry the secondary action ("Learn more →").
  • Hero + CTA bands inherit the matching primary recipe automatically.
Buttons · States
Cards · Variants