content.md 999 B

Hierarchy refers to the overall structure of a document and the relationship between elements within the text. A heading placed above a paragraph gives meaning and context to that paragraph and implies a hierarchy to the text as a whole. Different levels of headings (in HTML, h1, h2, h3, etc.) further delineate hierarchy within sections of the text.

![An article-like layout, with each element wrapped in a bounding box, from the level-one heading that serves as a heading for the entire content, to the level-two heading that relates to the second paragraph, to the pull quote off to one side.](images/thumbnail.svg)
Typeface: Source Serif 4

As typographers, our role is to further enhance the meaning and understanding of a text’s hierarchy by applying suitable typographic treatments to each element.