Typography

Type is how STRIDE sounds before anyone reads a word.

Typefaces

Two faces, one job each

Geologica is the display face: wide, round-shouldered and set medium. It carries every headline, tile title and number. Golos Text sets everything people read — body copy, captions, labels and interface text.

Both are open-source and free to use in print, on screen and in apps, so no team ever waits on a licence.

Aa

Geologica

Display · Medium 500, Bold 700 for numbers

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@#%

Aa

Golos Text

Text · Regular 400, Medium 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@#%

Variable

One display face, three axes

Geologica is a variable font. Weight sets the volume, sharpness adds a racing edge to the terminals, slant leans a headline forward. Drag each one to see the range we work in.

Weight800
Ag
Sharpness100
Ag
Slant-12 °
Ag

Headlines

How to set a headline

  • Sentence case. Never all caps above 20 px.
  • Align left. Centre only for a single short line on a poster.
  • Keep headlines under eight words; cut before you shrink.
  • Punctuation is optional. A full stop makes it an instruction.
  • Track tighter as you go bigger: −2% at 28 px, −3% at 64 px and up.

Built for the mile you almost skipped

Geologica Medium · 64 px · 1 · −3%

Recovery is training too

Geologica Medium · 64 px · 1 · −3%

Scale

The sizing cheat sheet

A starting point for desktop layouts. Every step is on the list for a reason — if a size isn’t here, it’s a mistake, not a refinement.

  1. Display
    96 px · 0.95 · −3%
    Set it. Sweat it.
  2. Headline 1
    64 px · 1 · −3%
    Set it. Sweat it.
  3. Headline 2
    44 px · 1.05 · −2.5%
    Set it. Sweat it.
  4. Headline 3
    28 px · 1.1 · −2%
    Set it. Sweat it.
  5. Body large
    20 px · 1.6 · 0
    Every product is prototyped, handed to athletes, and fixed before it ships.
  6. Body
    17 px · 1.6 · 0
    Every product is prototyped, handed to athletes, and fixed before it ships.
  7. Small
    14 px · 1.45 · 0
    Every product is prototyped, handed to athletes, and fixed before it ships.
  8. Label
    13 px · 1.3 · 0
    Every product is prototyped, handed to athletes, and fixed before it ships.

Body

Reading text

Golos Text at 17 px with 1.6 leading, in lines of 60 to 70 characters. Body copy never goes below 14 px on screen or 8 pt in print; when copy doesn’t fit, cut the copy.

Default body
Golos Text Regular · 17 px / 27 px
Large body, intros
Golos Text Regular · 20 px / 32 px
Small, captions
Golos Text Regular · 14 px / 20 px
Labels, buttons
Golos Text Medium · 13–14 px, sentence case
Line length
60–70 characters

Download & licence

Get the fonts

Both families are published under the SIL Open Font License: free to use commercially, embed and modify, but not to sell on their own.

Next chapterIconography