Buttons
Buttons initiate actions. Whether that's signing up for an event, emailing a pastor, or navigating to another page.
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.