Skip to content

Patterson typography — full reference

Source keys: [BG25 p.N] Brand Guide 2025 (authoritative) · [DS20 p.N] DesignSystem_042120 · [DPL] Digital Pattern Library v5.7.2 · [PCOM] pattersoncompanies.com theme stylesheet.


Tier Face Use
Primary Proxima Nova Extrabold Titles and headlines
Secondary Proxima Nova Semibold Subheads (clear visual hierarchy)
Tertiary Proxima Nova Regular or Light Body copy, long-form supporting copy — pick by legibility and contrast
CTA Proxima Nova Bold Calls to action [BG25 p.27]
OfficeSuite Arial Regular / Arial Bold Outlook, PowerPoint, Teams, SharePoint. Arial Nova Light is available as an extra weight where installed

Production stack, verbatim:

/* [DPL] */
font-family: proxima-nova, Arial, sans-serif;
/* [PCOM] */
--font-proxima-nova: proxima-nova, sans-serif;

2. Font licensing — read before writing any CSS

Section titled “2. Font licensing — read before writing any CSS”

Proxima Nova is a commercial typeface by Mark Simonson Studio, licensed to Patterson through Adobe Fonts (Typekit). Two kits are in evidence, and they are not interchangeable:

Kit Serves Faces published Last published
uth1qfmuse this one Patterson Digital Pattern Library v5.7.2 — https://use.typekit.net/uth1qfm.css 10 — 400, 500, 600, 700, 800, each in normal and italic 2019-03-05
rul6mjk — superseded, deficient pattersoncompanies.com — https://use.typekit.net/rul6mjk.css 4 — 400 and 700 only, normal and italic 2024-08-01

uth1qfm serves the complete brand range, including Semibold (600) and Extrabold (800). Both kits are live and currently serving; verified 2026-08-11 by fetching each stylesheet and counting its @font-face blocks and font-weight declarations.

Do this instead:

  1. Load the kit:

    <link rel="stylesheet" href="https://use.typekit.net/uth1qfm.css">

    Use uth1qfm. rul6mjk will render, but silently drops you to browser-synthesised 600 and 800.

  2. Declare the production stack. This is exactly what the production DPL does. Ship no @font-face rules.

    font-family: "proxima-nova", Arial, sans-serif;
  3. Arial is the sanctioned fallback and is present on every PC and Mac — nothing needs shipping.

  4. Do not substitute a lookalike. A previous extraction inserted Figtree (Google Fonts) ahead of Arial. Figtree appears in no Patterson source document. Choosing a free fallback is a brand decision, not an engineering one.

Weight coverage — resolved by kit choice

Section titled “Weight coverage — resolved by kit choice”

[TBD: confirmation from the Adobe Fonts account owner that kit uth1qfm is an active, sanctioned Patterson kit and not a legacy one, and that rul6mjk can be retired.] [TBD: whether Patterson holds a desktop Proxima Nova licence for InDesign/Illustrator work, and how many seats.] [TBD: whether Patterson's Adobe Fonts plan permits self-hosting.]

Source Rule
[BG25 p.25] “All caps are to be avoided in any digital channel since this is regarded as shouting.”
[BG25 p.26] “Making the case for sentence case” — all-caps in headlines “may no longer be practical”; cites decorum and audible reading technology (screen readers)
[BG25 p.59] For UX: “titles, headlines, subheads, text and captions are all sentence case
[BG25 p.57] Button text: “sentence case (never all caps)”
[DS20 p.10] “Use sentence case for headlines, buttons, textlinks, and eyebrows”

Surviving all-caps exceptions: titles may be all caps in print [BG25 p.25]; titles and footer text are Extrabold or Semibold all caps [BG25 p.27]; the email-signature brand promise line is all caps [BG25 p.28].

All elements are flush left, sentence case, optical tracking.

Element Face Tracking Leading
Headline Proxima Nova Extrabold (optional sky blue or white) −10 (−25 OK at large scale) 75% of size (24 pt type → 18.5 pt)
Subhead Proxima Nova Extrabold −10 (−25 large) 75% of size
Secondary subhead Proxima Nova Semibold −10 75% of size
Body copy Proxima Nova Light or Regular (by scale) 0 to −10 125%–150% of size (10 pt → 15 pt)
CTA Proxima Nova Bold −10 (−25 large) 75% of size
Titles, footer text Proxima Nova Extrabold or Semibold, all caps −10 (−25 large) 75% of size
Role Size Line height Weight Color
h1 desktop 36px 1.25 800 #003767
h1 ≤600px 24px 1.15 800 #003767
h2 24px 1.3 700 #003767
h3 18px 1.3 700 #003767
Body 18px 1.5 400 #58585B
Eyebrow 15px 19px 700 #00817D (teal)
Button / CTA 15px 1.15 600 #FFFFFF
Tertiary text link 18px 600 #147CBD
Small 13px

[BG25 p.60] specifies marquee button text as “Proxima Heavy”. That weight name appears nowhere else in the guide; §1 lists only Extrabold, Semibold, Regular, Light and Bold.

[TBD: is "Proxima Heavy" a distinct licensed weight, or a synonym for Extrabold?]

Content authors may bold and italicise within patterns. Changing size or font is not allowed. Some patterns (Quote, Cliffhanger) permit highlighted words in an alternate color instead of bold.


Source of truth: plugins/patterson-brand/skills/brand-identity/references/typography.md in the patterson-corp repository.