<?xml version="1.0" encoding="utf-8"?>

Contrast design principle

Contrast design principle Bad Practice
Contrast design principle Best Practice

Contrast refers to the distinct difference between two elements that are put together or closely associated. Contrast makes elements stand out on the page. It can be achieved through the use of color, alignment, size, fonts, shapes, and other design choices. Contrast goes beyond just aesthetics and is a vital aspect of accessibility.

Always aim for more than one point of contrast between elements. Experiment with size, shape, color, typography, and other visual aspects to guide users to the most important information on the page.

Improve your UX & Product skills with interactive courses that actually work