Components • CTA

Call-to-Action

A visually prominent link that directs users to the next step. Use sparingly — one primary CTA per section.

Default

<CTA href="/components">Explore components</CTA>

Primary

<CTA variant="primary" href="/brand/typography">See the typography</CTA>

Brick

<CTA variant="brick" href="/downloads">Download assets</CTA>

On dark surface

<CTA variant="brick" href="/components">Get started</CTA>