Call to actions (CTA)
Inline CTAs
Legacy styled CTAs
When to use a CTA link
- Primary call to action links are to encourage the most desired action you want user to take.
- Secondary call to action links are to provide an alternative action for the users to take.
| CTA style | Font size | Font weight | Font colour | Background colour | Font family |
|---|---|---|---|---|---|
| Primary | 1.125em/18px | 700 | #FFFFFF | Default #266427, Hover #183f19 | "lato",Arial,Helvetica,sans-serif |
| Secondary | 1em/16px | 700 | #111111 | Default #ffffff, Hover #e6e6e6 | "lato",Arial,Helvetica,sans-serif |