Design Docs — Typography

Design

Typography

Guidelines for how we use typography. These serve as guardrails for designers to design freely with best typographic practices in mind.

Edit page

We use Inter for everything. Except when we want to display code, that's when we use Input.

Inter

For General use

Input

For Code

Our standard body text comes in at 16px. It has basic link styling and comes in a big and small variation.

The quick brown fox jumps over the lazy dog

Small

The quick brown fox jumps over the lazy dog

Default

The quick brown fox jumps over the lazy dog

Large

For ease of use and consistency, this component allows you to switch between heading levels.