Preview image. Unlock full-res
A technical layout guide showcasing various font sizes, weights, and spatial relationships using a grid system.
Colormonochrome, high-contrast
Typesans-serif, oversized, all-caps
Moodprofessional, technical, calm
Industryagency, developer-tool, marketing, productivity
Tagsgrid, typography, layout, scale, reference, design-system
Palette
#BFBFBF
#262626
Summary
A technical layout guide showcasing various font sizes, weights, and spatial relationships using a grid system.
Visual description
A black and white layout featuring various text sizes (H20 to L20) arranged across a grid. It includes labels for font weights like 'Light', 'Regular', 'Medium', and 'Bold' alongside specific character measurements.
Key takeaway
The design demonstrates a systematic approach to typographic hierarchy and spatial distribution.
Reuse notes
Can be used as a reference for establishing consistent font scales and grid layouts in editorial or web design.
