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

Contrast design principle

Contrast design principle Bad Practice
Contrast design principle Best Practice

Contrast is what makes the difference between two or more elements. Designers may use color, alignment, size, fonts, and other tools to achieve this. Remember that contrast is vital to accessibility, readability, and legibility. Black text on a white background is more legible than muted gray text.

A filled bright pink CTA button on a white background is more contrasting than an outlined pink button.

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