Buttons
Should contain actions
Be consistent across pages: Log in, Email Us, etc)
Avoid multiple primary CTAs on the same page
Orange buttons: A primary CTA, form submission or other important action. Use sparingly. | |
Dark blue: An important CTA, but may be more than one on a page. Less prominence than orange buttons and a good choice to indicate next steps in a user journey. | |
Two CTAS: These are of equal weight/importance. Do not use two orange CTAs next to each other. | |
Two CTAs: Dark blue is the primary action here. | |
Outlined buttons communicate an action is available, but is not a next step/direction. More of a supplementary action. |