05 — Type

Two typefaces. That’s all.

Fraunces, a soft serif, for headlines. Geist for everything else. Both are free and open source, so every partner can use them.

Try them

Type your own line.

Change the weight and size to see how each face behaves. These are the real fonts, loaded from the site.

Display — FrauncesFraunces · 500 · 72px

Size

Every trail starts somewhere ordinary.

Click the text to type your own.

Text — GeistGeist · 400 · 22px

Size

Waxed cotton shell, taped seams and a hood that fits over a helmet. Packs into its own chest pocket, about the size of an apple.

Click the text to type your own.

Type scale

One scale for every screen.

These are the text styles in this site. Sizes step down on tablet and phone; the specs show desktop.

Hero

Find your weekend

Fraunces 500 · 116 / 0.95 · −3.5%

Display

Built to be repaired

Fraunces 500 · 72 / 1.0 · −3%

Heading 2

Quietly capable

Fraunces 500 · 42 / 1.08 · −2%

Heading 3

Care and repair

Geist 600 · 21 / 1.3

Body Large

Every jacket ships with a repair kit.

Geist 400 · 20 / 1.5

Body

Waxed cotton shell, taped seams, packs into its own pocket.

Geist 400 · 16 / 1.6

Label

Product details

Geist Mono 500 · 12 / 1.4 · +6% · caps

Setting type

Four rules that cover most layouts.

Sentence case

Headlines in sentence case. Never all caps, except Labels.

One serif moment

One Fraunces headline per view. Everything else is Geist.

Left aligned

Left-align body text. Centre only short headlines and buttons.

Line length

Keep paragraphs between 45 and 75 characters wide.

06 — Next

Voice

Next chapter

↗