An effective Call to Action must be clear and simple. Consumers should immediately understand what is expected of them.

Guidelines

Uses


Primary Button

Secondary Button

Tertiary Link

Interactions


All our CTAs have a +2px upward interaction on hover and a color change

Figma file

https://www.figma.com/file/6PnBnOIPI3w8NSsaXs3PAq/Molecules?type=design&node-id=0%3A1&mode=design&t=zOYCIhWAuuXJ7Dj0-1