When creating type hierarchy, make sure to set up at least 4 heading levels. The Web Content Accessibility Guidelines recommend that the h4 be the same size as the body text, although set apart through other style choices.^[1] This results in a more appealing hierarchy.

But why design so many heading levels if the best practice is not to exceed 3 levels? Extra heading levels can come in handy in products where designers don't have full control over content that will be added later on. If content becomes more complex in the future, more heading levels might be needed.

While type scales come with all h1-h6 heading styles, h5 and h6 are rarely used. Their primary use case is long texts with complicated structures, like technical and legal documents. You can design these levels but keep in mind that you most likely won't need them.