CTA Button
A CTA Button is a call-to-action element that prompts users to take specific actions, such as signing up, downloading content, or learning more about the company.
See below for more variants.
When to use
Use a CTA Button to encourage user engagement, such as signing up for newsletters, downloading resources, or accessing additional content, highlight important information and facilitating navigation.
How to use
There are three different CTA Button styles:
- CTA primary button
- CTA secondary button
- CTA text with arrow (not for use at present)
CTA Button position can be: left, right and center. Also, you can have a CTA attachment icon before link text. You should select what is appropriate for your page, considering page colors and style, as well as the position of the CTA Button.
Additional considerations
- Recommended link text length: 5 - 20 characters (max. 35)
Variants
Example
See this component in use:
Speak Up (CTA secondary button style)
Explore our local water brands (CTA primary button style)
