Shared shelf · typographic voice · v0.1.0

Modern, bold, no-nonsense.

A drop-in second voice for the portfolio — Outfit display over Inter body, on a 1.125 scale. Flat and confident where the default voice is warm and editorial. Built for project.gf and any surface that should read like a product, not a page.

The scale · 1.125 major second

hero

Specifications, settled

h2 · 700

Everything on one page

h3 · 700

What we agreed, and when

h4 · 600

A quieter sub-head

body

Inter at the base step. The measure is capped near 68 characters so long-form stays readable, and the numerals go tabular inside tables and 01 · 02 · 03 runs.

label

Under consideration

Numbered rail · ol.t-steps

Load the fonts. Outfit + Inter from Google Fonts — both SIL OFL.
Add the stylesheet after page-header.css so its token overrides win.
Write plain HTML. h1–h4, .eyebrow, .lede and the shelves all wear the voice — no per-element classes needed.

Tabular numerals

Item	Qty	Unit	Total
Indoor unit	1	1,480.00	1,480.00
Condenser	1	2,135.50	2,135.50
Duct run (m)	14	38.25	535.50

Adopt it

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://assets.gf.cx/page-header/page-header.css">
<link rel="stylesheet" href="https://assets.gf.cx/type-bold/type-bold.css">

Provenance

Distilled from two references — mwshvacservices.com (Outfit, the 1.125 scale, uppercase labels) and briewolfson.com (Inter body, numbered sections, tabular numerals). Type and structure only; no branded content copied. Docs: README · Pattern: patterns.gf.cx · Source: github