Guidance on how to use Reith and new headline size
Paragon is the new size for primary headlines on indexes.
Paragon - 20/24 at Group A, 22/26 at Group B and 28/32 at Group C and Group D.
Neil Bramah
UX Designer
Dario Ramalho
UX Designer
Jane Williams
UX Designer
Hugh Gummett
UX Designer
New display sizes added
A range of additional display type sizes added to support our main type hierarchies. They help immersive storytelling and infographics to create more impact where needed. They also give more flexibility at large screen sizes (e.g. 1280px).
Al Jones
UX Designer
Tom Nurse
Editorial Designer
Updates to Pica and new body copy style added
We've adjusted Pica to work better for index titles and headline links. The new body copy style will improve reading experience across different types of content.
Pica - 15/20 at Group A, 16/20 at Group B, 18/22 at Group C and 16/20 at Group D.
Body Copy - 15/20 at Group A, 16/22 at Group B, 18/24 at Group C and 16/22 at Group D.
Al Jones
UX Designer
Dario Ramalho
UX Designer
Chris Kinsey
UX Designer
Updates to sizes and line heights across all type groups
We've made these updates based on feedback and product testing:
Group A - Great primer line height increased from 20 to 22.
Group B - Great primer reduced from 20/24 to 18/22, Long primer from 16/20 to 15/18, Brevier line height increased from 16 to 18.
Group C (touch) - Double pica reduced from 28/32 to 26/30, Great primer from 24/28 to 21/24, Long primer from 16/22 to 15/20.
Group D (non touch) - Trafalgar line height increased from 32 to 36, Double pica 24 to 28, Great Primer 20 to 24.
Al Jones
UX Designer
Dario Ramalho
UX Designer
Chris Kinsey
UX Designer
Publication
Al Jones
UX Designer
Hugh Gummett
UX Designer
Jane Williams
UX Designer
Neil Bramah
UX Designer
Stephen Robertson
UX Designer
Chris Kinsey
UX Designer
Dario Ramalho
UX Designer
Simon Rooney
UX Creative Director
Rory Pickering
UX Designer