Preview image. Unlock full-res
Typeface hierarchy page mapping five text levels on the left to a numbered live example of each on the right.
Summary
A type-hierarchy page pairing a left-side legend of five named text levels with a right-side numbered demonstration of each, mixing Laila and Source Sans across the scale.
Visual description
Two-panel layout. The left off-white panel lists, under an all-caps "HIERARCHY" header, five numbered roles with their assigned face and weight: Headings (Laila Medium), Subheadings (Source Sans Semibold), Body Text (Source Sans Regular), Highlights & Emphasis (Laila SemiBold), Small Text & Details (Source Sans Light). The right warm-grey panel shows the same five levels rendered live, each prefixed by a black numbered circle, descending from a large serif heading down to fine sans small print.
Key takeaway
Putting the specification and a working example of the hierarchy side by side with matching numbers, the reader sees both the rule and its result, and exactly when each face and weight is used.
Reuse notes
Use as the bridge between individual specimens and real layouts. The numbered legend-plus-live-sample is an unambiguous way to define a type scale across two families. Keep the level count small (here five) so it stays usable.
