We use lots of open space paired with a simple grayscale to make our interfaces clean and decluttered. Colors are use sparingly to aid the understanding of the information presented.
Colors usually hold a specific meaning based on how they function within the interface. Semantic colors help users identify what type of action they are taking or what type of information they can see. This helps them understand what steps to take next.
All color choices should fit within the Web Content Accessibility Guidelines to AA contrast ratio standards when using text on backgrounds.
All color choices should fit within the Web Content Accessibility Guidelines to AA contrast ratio standards when using text on backgrounds.
All color choices should fit within the Web Content Accessibility Guidelines to AA contrast ratio standards when using text on backgrounds.
Green is positive and we use it to indicate success. It’s often used for success messaging or validating that an action has worked correctly.
All color choices should fit within the Web Content Accessibility Guidelines to AA contrast ratio standards when using text on backgrounds.
All color choices should fit within the Web Content Accessibility Guidelines to AA contrast ratio standards when using text on backgrounds.
All color choices should fit within the Web Content Accessibility Guidelines to AA contrast ratio standards when using text on backgrounds.
Red is used for error states and error messages. It is also used to draw attention to actions that are destructive or cannot be reversed.
Orange is used for error states and error messages. It is also used to draw attention to actions that are destructive or cannot be reversed.