Buttons
Read about our dashboard design system and its visual components.
There are four button variations available to choose from. By default, use the secondary button variant for main call to action UI elements. This can be paired with the light button when more than one button is needed.
There are five button size options. In general, use medium sized buttons common call to actions. Small buttons are reserved for situations where the button exists inside a card or table row. Only use large or extra large sizes sparingly for situation when size emphasize is needed e.g sign up or sign in pages.
There are two button text styles available. The title case buttons should generally be used on the marketing website and one-off pages such as the sign up or sign in pages. In all other cases, use the capitalized variant.
Buttons can have icons to provide further visual context. All button icons are use the Font Awesome icon set with the regular weight. Ensure there is a gap of unit scale 3 between the icon and the text.
Dropdown buttons are great for situation where multiple actions need to be grouped under one interactive umbrella. Dropdown buttons feature an angle icon on the right with shaded border. Try to find icons to pair with each menu item to provide further context.