Design System & Typography
Design System & Style Guide.
A showcase of typographic hierarchy, editorial callouts, interactive elements, and layout capabilities built into The News.
✦
Typography & Heading Scale
Heading Level 1 — Editorial Grandeur
The standard paragraph font is balanced for sustained longform readability across mobile devices and high-resolution desktop screens.
Heading Level 2 — Section Subheading
Subheadings provide clear structural hierarchy, guiding readers smoothly through multi-part investigations.
Heading Level 3 — Subsection Title
Used for internal categorizations and specific thematic blocks.
Blockquotes & Pullquotes
"Journalism is printing what someone else does not want printed; everything else is public relations."
Lists & Formatting
- Standard unordered list element with refined bullet spacing
- Secondary item demonstrating multi-line text alignment
- Tertiary item showcasing typography cohesion
- Ordered step one: Research and source gathering
- Ordered step two: Multi-stage editorial review
- Ordered step three: Fact-checking and publication