This will allow you to easily see the value of the colors, which in the case of contrast, is much more important than color. Just because two colors are different doesn’t mean they will provide good contrast if their value is the same.Ī simple test to see if your design has enough contrast is to convert it to grey scale. This technique takes down the contrast and makes it easier for the viewer to read.Ĭontrast is not achieved simply by finding two very different colors. One of the most common mistakes (and the easiest to fix) is putting black text on a white background – this is too much contrast! If you look at most well designed websites, you’ll notice the black text on the white background isn’t really black – it’s grey. Good color contrast may seem like an elementary concept, but there are some easily overlooked things to note when selecting colors for your typography and overall design. Apply these eight elements of typography to make sure your viewer can navigate through your content the way you’ve intended. Whether you’re designing for print or the web, good typography helps balance the visual structure of your design between the content and the visuals. Typography is a fundamental principle of good design.

Rational typeface examples