Skip to main content
added 1 character in body
Source Link
Alvaro
  • 16.9k
  • 7
  • 45
  • 68

As you have a lot of actions, use color to denote importance of an action, not to differentiate between all the actions.

  • Use main color to denote the main interaction element which has an action assigned. Or to give emphasis on the interactive element state.

enter image description here enter image description here

  • Use secondary color for a secondary action or to denote a section of the site, for example the header.

So in your case, a solution similar to 4. Use the main color for the primary action button, secondary color for the other actions.

Some sources:

Material design - Color   

Material design - Accesibility

As you have a lot of actions, use color to denote importance of an action, not to differentiate between all the actions.

  • Use main color to denote the main interaction element which has an action assigned. Or to give emphasis on the interactive element state.

enter image description here enter image description here

  • Use secondary color for a secondary action or to denote a section of the site, for example the header.

So in your case, a solution similar to 4. Use the main color for the primary action button, secondary color for the other actions.

Some sources:

Material design - Color  Material design - Accesibility

As you have a lot of actions, use color to denote importance of an action, not to differentiate between all the actions.

  • Use main color to denote the main interaction element which has an action assigned. Or to give emphasis on the interactive element state.

enter image description here enter image description here

  • Use secondary color for a secondary action or to denote a section of the site, for example the header.

So in your case, a solution similar to 4. Use the main color for the primary action button, secondary color for the other actions.

Some sources:

Material design - Color 

Material design - Accesibility

Source Link
Alvaro
  • 16.9k
  • 7
  • 45
  • 68

As you have a lot of actions, use color to denote importance of an action, not to differentiate between all the actions.

  • Use main color to denote the main interaction element which has an action assigned. Or to give emphasis on the interactive element state.

enter image description here enter image description here

  • Use secondary color for a secondary action or to denote a section of the site, for example the header.

So in your case, a solution similar to 4. Use the main color for the primary action button, secondary color for the other actions.

Some sources:

Material design - Color Material design - Accesibility