GitHub guidelines - type pairing

Type pairing page showing default combinations (eyebrow plus headline, medium plus medium, headline plus body) as boxed examples with short guidance.

Styleminimal, swiss, light-mode, boxed

Colorlight, monochrome

Typesans-serif, monospace, oversized, all-caps

Moodprofessional, technical, calm

Industrydeveloper-tool

Tagstypography, type-pairing, eyebrow, headline, body, justified, boxed-examples, hierarchy, mona-sans

Palette

#F2F5F3

#000000

#1A7F37

Summary

A type-pairing page offering default combinations as boxed examples: eyebrow plus emotional headline, medium plus medium, eyebrow justified, headline plus body, each captioned with when to use it.

Visual description

A short left intro ("Type pairing depends heavily on content and context.") precedes a two-column set of bordered example boxes, each topped by a monospace label and a short rationale. Examples include EYEBROW + HEADLINE (mono eyebrow over a big "AI that builds with you"), MEDIUM + MEDIUM (two-tone emphasis), EYEBROW JUSTIFIED ("COPILOT ... NEW" pinned to opposite edges), EYEBROW + CAPTION, BODY XL + BODY XL, and HEADLINE + BODY (a large "Introduction" over a paragraph). Off-white background, standard header and green rule above.

Key takeaway

Codifying type pairings as named, boxed recipes with a one-line "when to use" each, including a justified treatment that pins an eyebrow and tag to opposite edges of a box.

Reuse notes

A practical pairing cheat-sheet that removes guesswork for non-designers. The labeled-box format scales to as many or as few combinations as a brand wants to bless.