Skip to content

Buttons > Exploring reducing the number of variants

Buttons have both variant and catogory axis which leads to a large number of combinations. We could improve the UI and the design process by reducing the number of available options and combinations.

image

Current buttons…

Current buttons:

  • Default
    • Primary
    • Tertiary
  • Confirm
    • Primary
    • Secondary
    • Tertiary
  • Danger
    • Primary
    • Secondary
    • Tertiary
  • Link
  • Dashed
  • Disabled
  • Loading
  • Button group
    • Actions
    • Options
  • Selected (state and standalone like a toggle)

Figma working file →

Edited by Sascha Eggenberger