How to Structure an Effective Typographic Hierarchy Part Three
Color and Contrast
The same can be done with color. A subheading in an accent color will stand out more than a subheading that’s the same color as the body text. Designers should play with color in their subheadings to set more important text apart without relying solely on type size.
Beyond contrasting colors, the contrast between different type sizes, weights, and styles is also key to creating typographic hierarchy. A difference of only one or two points in type size won’t create enough contrast to make the hierarchy apparent to most users. Instead, designers should use easily distinguishable sizes, weights, and styles to easily create contrast between things like headers or body text.
Position and Alignment
The positioning of headings and subheadings, along with other types that a designer wants to stand out, can have a lot of impact on where the type falls within a hierarchy. Centering type, for instance, tends to make it stand out. Setting type outside of the regular margins of a page can also make that type stand out within the hierarchy of a page.
Experimentation and practice are the best ways to master typographic hierarchy, but learning these guidelines will help designers start out on the right foot. Learning how size, color, spacing, weight, and other factors contribute to effective hierarchy is the first step.
Once those basics are established in a designer’s mind (and practice), they can more intuitively create visual hierarchies that follow or break the “rules” as necessary in order to create unique logo design that are inspired and delightful to users.