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

Size contrast

Size contrast Bad Practice
Size contrast Best Practice

Size contrast is one of the easiest and most straightforward ways to create visual hierarchy on a page. Using a large headline immediately grabs a user’s attention and makes it stand out as the most compelling feature on a page. It immediately sets the hierarchy for the page, especially when there’s a distinct contrast between the headline and subhead.

Pro Tip: Different font weights increase contrast, adding even more emphasis on a title.

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