Call to action

v3.0.0

Call to action links are visually distinct instructions to users designed to provoke an immediate response using verbs such as 'call now' or 'find out more'.

Released

History
View changes
Install
npm i @gold.au/cta-link
Tags
Requires
Contributors
  • Dominik Wilkowski avatar picture
  • Patrick De Young avatar picture
  • Simon Pascal Klein avatar picture
  • Gary Broadbent avatar picture
  • Trevor Brennan avatar picture
  • Julian Fleetwood avatar picture
  • Alex Page avatar picture

Why is this not a button?

The goal of the design system is to keep the component code as small as possible. The CTA link code and button code is vastly different, one has icons and animation, the other has borders. Due to this it was a good idea to seperate them and not create a variation.

Iconography

Weve used chevrons with animated hover to produce greater visual prominence. A chevron supports the cta-link text and more loudly communicates that this is a link and that it is clickable.

Appearance

Our cta-link as button style is visually similar to the basic cta-link style but provides a larger hit/target area; this is especially useful on touchscreen devices.