Hierarchy Font: Build Clear Heading, Body and Label Roles

Monotype’s typographic-hierarchy manual describes a structure made from both typographic and spatial choices. It identifies type style, placement, spacing, alignment and whitespace as contributors, rather than reducing hierarchy to larger headings. This gives you several independent controls: information can belong together through proximity while still differing in prominence through weight or scale. A decorative face is one possible tool, not the structure itself.

Take a real page and label each item as title, section heading, body, supporting note or action. Arrange the content in a plain face before introducing a second family. Decide what should be read first, what can be scanned and which note belongs to which paragraph. Change one control at a time: weight, size or spacing. If everything becomes bold, return to the role list and reduce emphasis where it does not express an actual priority.

Make a grayscale proof and a narrow-column proof. Ask a colleague to identify the title, the next section and the action without explaining the design. If the order is unclear, adjust grouping and emphasis rather than adding another font. Inter and Source Serif 4 here are real independent specimens for testing sans-only or serif-and-sans roles; they are not a predefined hierarchy system. For a separate short-text experiment, the homepage’s Unicode text-style comparisons change copyable characters, but do not define semantic headings or a document’s spacing and font styles.

For a concrete display-versus-information example, the Race Sport guide separates an expressive event title from a readable result line. Apply the role distinction before selecting a decorative resource.