Contemporary screen interpretation
Modular Typography
A lettering approach built from repeated geometric units. The system is in the construction of the letters, not simply in using a grid for page layout.
What defines it
- Repeated letter parts
- Consistent module
- Systematic variation
What it asks of the project
- Reading & layout
- Compact spacing for scanning
- Visual emphasis
- bold · structural
- Implementation
- Allow time for a coherent decorative or image layer and responsive checks.
- Images & assets
- Constructed display lettering needs intentional letterform work.
Color in use
An exhibition identity whose title is constructed from repeatable tiles above a readable program.
Accent labelOpaque text/surface: 19.20:1 · Text/accent: 8.61:1.
These pairs meet the normal-text minimum; check other surfaces separately.
Context
Look at the repeated shapes and constructed letter parts. A grid is only the starting point: the defining question is whether the letterforms share a repeatable module.
View collected reference imagesBuild it
- Define a small set of strokes or tiles
- Use constructed lettering for short headings
- Use a conventional face for reading and controls
Typography
Construct a title from repeated units, then use a conventional text face below it. Show the module if construction is the subject.
Watch out for
Forcing modular display letters into paragraphs or calling any sans-serif grid layout modular typography.
A working interpretation
Original CSS composition with the same content and controls used in every direction. Image-led styles need additional artwork for their full expression.
Open the full example →Hand it to an agent
Point your agent at this guide, or save the files below.
Check the result
- Confirm: define a small set of strokes or tiles.
- Confirm: use constructed lettering for short headings.
- Confirm: use a conventional face for reading and controls.
- Review specifically for: Forcing modular display letters into paragraphs or calling any sans-serif grid layout modular typography.