typographic hierarchy design

Oliver Lindberg discusses the importance of visual contrast and spacing in print, web, and app design. Through practical examples from documents, buttons, and banking app interfaces, Lindberg illustrates how to establish a clear visual hierarchy by varying type size, weight, and color. He emphasizes first establishing contrast between primary and secondary information, whether through bolder headings or higher color contrast on buttons.

Lindberg then shows how adjusting spacing can further accentuate relationships between elements and guide the eye. This practical guide provides useful techniques for any designer to create more scannable layouts and user interfaces through leveraging the fundamental principles of visual hierarchy. Lindberg’s concise yet detailed approach makes this an excellent resource for both experienced and junior designers.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.