What Are Buttons?

Buttons initiate actions. Whether that's signing up for an event, emailing a pastor, or navigating to another page.

Types of Buttons

Button Purposes

Filled Button

Filled buttons have the highest emphasis of the three. They have a contrasting color designed to stand out prominently on a page.

Use primary buttons for main actions such as: sign up,

Tonal Button

Tonal buttons have medium emphasis. They have a lighter color designed to stand out be distinct but less prominent than a filled button.

Use tonal buttons for secondary actions like: more info, learn more,

Text Button

Text buttons have the lowest emphasis buttons. They have no color

Use text buttons for minor actions like: get directions, add to calendar, call, or email.