Introduction to Design Systems

Typography

Ascender

The piece of a letter which rises above the x-height.

Ascender

View the source

Descender

The piece of a letter which dips below the baseline.

Descender

View the source

Baseline

The imaginary line on which most letter characters sit.

Baseline

View the source

Cap Line

The imaginary line that marks the upper boundary of capital letters and some lowercase letters' ascenders.

Cap line

View the source

X-Height

Height of the typeface's lowercase letters.

X-height

View the source

Tracking / Letter Spacing

The uniform amounts of spacing between characters in a complete section of text.

Tracking, letter spacing

View the source

Kerning

The horizontal spacing between two consecutive characters.

Kerning

View the source

Leading

The vertical spacing between lines of text (from baseline to baseline).

Leading

View the source