Typefaces Ginto Nord and Whitney

Type-spec page introducing the two brand typefaces, with Ginto Nord shown huge in white and a Whitney paragraph specimen on a dark right column.

Styleeditorial, technical, minimal

Colordark, high-contrast

Typedisplay, oversized, sans-serif, all-caps

Moodprofessional, premium, bold

Elementsbutton-primary, icon

Tagstype-spec, typeface-intro, specimen, ginto-nord, whitney, primary-and-secondary, download-button

Palette

#1A1C1F

#FFFFFF

#5865F2

Summary

The typeface introduction: a dense left text column describes the primary (Ginto Nord) and secondary (Whitney) families, while the dark right half shows "GINTO NORD" set huge and a Whitney paragraph specimen.

Visual description

White left third, near-black right two-thirds. The left column carries the "04 TYPOGRAPHY" eyebrow, a black "TYPEFACES" headline, then running paragraphs on the primary typeface, secondary typeface, and fallback fonts (Poppins Black, Roboto Normal), closing with a pill-shaped "Download fonts" button with a download icon. The right side stacks an oversized white "GINTO NORD" specimen across two lines, a small grey "Primary Typeface: Ginto Nord" caption, then a block of grey Whitney lorem-ipsum body copy under a "Secondary Typeface: Whitney" caption. The display specimen shows the face's round, slightly baroque grotesque forms at scale; the body specimen shows Whitney's compact, legible text setting.

Key takeaway

Pairing a giant display specimen with a real running-text specimen on the same page, so the reader sees both the loud headline voice and the quiet body voice of the system at once. Putting the literal "Download fonts" action right in the spec page closes the loop for the user.

Reuse notes

A solid type-spec template for a brand guideline: prose rationale and fallbacks on the left, live specimens at two scales on the right. Reach for it when documenting a two-typeface system. The dark specimen panel makes white display type sing; mind contrast if you invert it.