Preview image. Unlock full-res
Type-scale page for Roc Grotesk showing "Matter" stepping down a modular scale with px and rem labels.
Summary
The Roc Grotesk type scale: the word "Matter" repeated down a modular ladder from 119px to 25px, each step tagged with px and rem values, with the typeface name highlighted in neon green on the left.
Visual description
A white full-bleed slide with a rotated "TYPE SCALE" ribbon in the top-left corner. The left column reads "Type Scale" then a headline "Roc Grotesk for titles, pull quotes, and primary copy", with "Roc Grotesk" sitting on a neon-green highlighter block; below it small body copy explains the scale is a Major Third (1:1.250) modular scale on a 16px base. The right two-thirds is a specimen ladder: the word "Matter" set in Roc Grotesk at descending sizes, each on its own row above a thin rule, with small pink px and rem labels (119px / 7.438rem down through 25px / 1.562rem) running down the left edge of the ladder.
Key takeaway
Showing the type scale as one repeated word descending in size with explicit px/rem and the ratio stated, so engineers and designers read the exact same spec. The neon highlighter on the typeface name keeps even a technical page on-brand.
Reuse notes
A precise type-scale template, reusable for any design system. Stating the modular ratio and base plus showing both px and rem makes it implementation-ready. Pair with the matching body-typeface scale page for a complete spec.
