MuninMunin
Sign inStart free
Home/Journal/Masthead scale: a medium title of fifty-odd characters
Engineering · 2 min read

Masthead scale: a medium title of fifty-odd characters

The medium bucket of the masthead type scale — 35 to 64 characters. One step down from the display size, which keeps a listicle-shaped headline at three lines instead of five.

The masthead sizes itself from the measure, not the viewport, and steps down as the title gets longer. This title is in the medium bucket.

The h1 carries a data-len attribute derived from the rendered heading: s at 34 characters or fewer, m up to 64, l beyond that. Each bucket sets its own size, leading, and wrapping strategy.

Because .mast is a container query context and the type is sized in cqw, the rendered size is identical at 1440px and 1920px — it only changes when the 720px column itself changes. Resize the window and watch the title hold still.

Compare with masthead-long-title and masthead-display-title in this journal.