Type Scale

Our type scale is based on the Major Third ratio (1.25x), creating a natural rhythm between text sizes. This scale allows for flexibility while maintaining visual balance across all typographic elements.

Type Size

Line height

Type Heirarchy

5.61 rem

4.6 rem

2.86 rem

100%

Display

4.2 rem

2.86 rem

110%

Heading 1

3.15 rem

2.2 rem

120%

Heading 2

2.36 rem

2 rem

130%

Heading 3

1.77 rem

1.55 rem

130%

Heading 4

1.333 rem

1.25 rem

130%

Heading 5

1 rem

150%

Heading 6

1 rem

150%

Body Large

.75 rem

150%

Body Small

.56 rem

.69 rem

150%

Caption

Color Palette

This is some text inside of a div block.

Spacing

This is some text inside of a div block.

Design Components

This is some text inside of a div block.