Weight, size, and leading are essential for establishing a clear and structured information hierarchy. The examples on this page demonstrate how to effectively differentiate hierarchical levels while maintaining readability and visual balance.
To ensure consistency, adhere to the following principles:
Titles use Richmond Text Regular at varying sizes, depending on prominence.
Subheads and callouts use Quiet Sans Semibold and can be in title case or all caps, depending on size and text length.
Body copy uses Quiet Sans Regular, with appropriate scaling to complement surrounding elements.
Captions maintain a smaller size for supplementary information while ensuring legibility. Maintaining proportional relationships between these elements enhances clarity and cohesion across designs. Use weight and size intentionally to establish hierarchy, and avoid unnecessary variation.