Typography

Great type is at the core of our branding, and we make good use of our own custom font.

Introduction

We have our own custom font, called Cal Sans. It can be downloaded through GitHub, and should be used in all designs that make use of a heading.

It's important to note that Cal Sans is a display font, meaning that it should exclusively be used for headings and large text.

Here's an excerpt from the GitHub repository:

As this design was created for display, and is currently a single static font, an unusual approach is taken for its texture and default typography. Letters are intentionally spaced to be extremely close for tight headlines “out of the box.” For smaller subheadings, positive letter spacing must be applied. There are currently no other Open Source geometric sanserifs geared as intentionally for “tight but not touching” typesetting—as it is more labor intensive to produce with accurate texture. But for typesetters, if they would letterspace another design as tight as Cal Sans, the results would not be as consistent.

The key thing to note here is that it's ready out of the box for large headings, but if you need to go smaller, you'll need to apply some positive letter spacing so it's not looking too bunched up.

For all other text, we use Inter. A pretty standard choice, but a rock-solid one nevertheless.

Typography

Introduction

Font Sizes

Headings

Body Text

Introduction

Font Sizes

Headings

Body Text