Typography

Two fonts. Clear roles.

Gilroy ExtraBold leads display type. Outfit does the everyday work. Unbounded brings the bold geometric accent.

Primary

Ready to make.

Gilroy sets display headings: ExtraBold for headings, Light for light display text. Only these two free weights ship.

LightExtraBold

Everyday text

Everything in its place.

Outfit (OFL) sets body, labels, controls and IDs.

RegularMediumSemiboldBold

Secondary / accent

Make room.

Unbounded is for short headlines and campaign accents: one per layout.

MediumSemibold

A lean type scale

Outfit does the everyday work. Unbounded adds a single moment of emphasis.

Role	Size / line	Sample
Display	72 / 76	Ready to make.
Heading	48 / 52	Everything in its place.
Subheading	32 / 38	Find the right part.
Body	16 / 24	Manage the parts, tools and materials in your space.
Label	14 / 20	View inventory
Accent	48 / 56	Make room.

Keep long copy and interface text in Outfit. Use Unbounded for short phrases only. The samples above are scaled down to fit this page; the numbers are the real sizes.

Font files

The web fonts live in fonts/ and are wired up by tokens/tokens.css:

File	Face
Gilroy-Light.woff2, Gilroy-ExtraBold.woff2	Gilroy 300, 800 (the free weights, Gilroy free-font EULA)
Outfit-Variable.woff2	Outfit 400-700 (SIL Open Font License)
Unbounded-Variable.woff2	Unbounded 500-600 (SIL Open Font License)

Only the free Gilroy weights ship

Gilroy Regular, Medium, SemiBold and Bold are paid weights and are not distributed. Use Outfit for everything that is not a display heading. See the credits for licences.

Portable type metrics

Token usage includes full type metrics and mobile roles: Gilroy 300/800, Outfit UI 400–700 and Unbounded for a short phrase. Architecture and native units explains host-owned native scaling.