Design system
Type Scale
Each style grows smoothly from its smallest size on a 375px-wide screen to its largest at 1440px. Resize the window to compare. The values live in assets/css/variables.css as --fs-* tokens.
Headings
Matilda
Show Dates
New Zealand Tour
Songs the World Will Never Hear
Musicals & More
22nd Feb
February
Text
The global musical theatre phenom. London’s West End fixture. Broadway and worldwide. Netflix.
Body copy sits at a comfortable reading measure with generous line spacing. This paragraph runs long enough to wrap across several lines, so the relationship between size, leading and line length is easy to judge at every screen width.
Captions, credits and supporting notes, set small and quiet.
Latest news
Together
Musicals & More
Groundhog Day
The global musical theatre phenom. London’s West End fixture. Broadway and worldwide. Netflix.
A section heading
Body copy sits at a comfortable reading measure with generous line spacing. This paragraph runs long enough to wrap across several lines, so the relationship between size, leading and line length is easy to judge at every screen width.
A smaller heading
Body copy sits at a comfortable reading measure with generous line spacing. This paragraph runs long enough to wrap across several lines, so the relationship between size, leading and line length is easy to judge at every screen width.
Captions, credits and supporting notes, set small and quiet.