Design system
Button
A colored box resembling a physical button, which indicates that a click will "do something".
We like to use solid buttons for primary actions, and outlined for the rest.
The underlying component is Flowbite Button.
Standard buttons
Prefer a standard button for the primary call to action, or the path to success.
Outlined buttons
Outlined buttons are ideal for secondary actions, or paths to exit the current action.
Gradient buttons
Prefer these buttons for secondary actions. Generally, try to use at most one per page.
Outlined gradient buttons
Prefer these buttons for secondary actions. Generally, try to use at most one per page...
Third-party brand buttons
Sometimes, we leave tulup.io for a moment to navigate to a third-party service, like Google OAuth. For those situations, prefer to color the button like it would appear on the external service, rather than using our brand palette.