Typestyles headlines and paragraph

Typestyles headlines and paragraph, editorial, technical, dark

Preview image. Unlock full-res

Type-spec page laying out the headline hierarchy (Ginto Nord Ultra, Black, Whitney) and paragraph style with annotated specimens and glyph sets.

Summary

The typestyles page: a left column defines three headline tiers and a paragraph style, while the dark right half shows specimens for Ginto Nord Ultra, Ginto Nord Black with a glyph set, Ginto Nord Medium, and a Whitney paragraph, each with size and line-height annotations.

Visual description

White-left / near-black-right split. The left column shows the "04 TYPOGRAPHY" eyebrow, a "TYPESTYLES" headline, and bulleted definitions for Ultra Headline, Primary Headline, Secondary Headline, and Paragraphs, each listing typeface, weight, and use. The right side stacks four labelled specimens descending in scale: a huge "GINTO NORD ULTRA" (three lines), "GINTO NORD BLACK" with a row of punctuation, arrow, and numeral glyphs, a smaller "GINTO NORD MEDIUM" with glyphs, and a grey Whitney lorem paragraph. Each specimen sits above a tiny grey caption noting point size, line-height percentage, and letter-spacing.

Key takeaway

Showing each tier of the type system at its true relative size on one page, so the hierarchy is visible as a literal step-down rather than just described. The small spec captions (size / line-height / tracking) under each specimen make it directly implementable.

Reuse notes

A thorough type-hierarchy reference for brand or product systems. The glyph rows double as a quick character-set check for special symbols. Best on a dark panel where white display type reads cleanly; it is information-dense, so give the captions room.

From this deck: Typestyles headlines and paragraph

View deck

More like this