Web Design Resources

Buttons

Description: bigger touchable area for actions; stand out.

A note about colors

  • Blue Buttons - calls to action
  • Red Buttons - reserved for forms or donate

You may come across buttons on the campus web that are hollow or white. Web services have not yet solidified its rationale for using hollow or white buttons, and as a result, you should not use these types of buttons.

If you can’t clearly articulate why you’re using a particular style or color, you should avoid using it.


Do

  • use an action verb
  • use the expand class if in a single col multiple buttons are stacked
  • keep button text short

Don't

  • put more than 3 buttons on a page
  • use a button just to draw attention