Type sizes

The five boxing wizards jump quickly.

text-heading--1

Font Size: 42px

Font Weight: 700

Line Height: 1.547

Sass function: (text-heading--1)

The five boxing wizards jump quickly.

text-heading--2

Font Size: 30px

Font Weight: 500

Line Height: 1.333

Sass function: (text-heading--2)

The five boxing wizards jump quickly.

text-heading--3

Font Size: 24px

Font Weight: 500

Line Height: 1.333

Sass function: (text-heading--3)

The five boxing wizards jump quickly.

text-heading--4

Font Size: 21px

Font Weight: 500

Line Height: 1.29

Sass function: (text-heading--4)

The five boxing wizards jump quickly.

text-heading--5

Font Size: 19px

Font Weight: 500

Line Height: 1.5

Sass function: (text-heading--5)

The five boxing wizards jump quickly.

text-body--1

Font Size: 28px

Font Weight: 500

Line Height: 1.3125

Sass function: (text-body--1)

The five boxing wizards jump quickly.

text-body--2

Font Size: 19px

Font Weight: 400

Line Height: 1.421

Sass function: (text-body--2)

The five boxing wizards jump quickly.

text-body--3

Font Size: 16px

Font Weight: 400

Line Height: 1.71

Sass function: (text-body--3)

The five boxing wizards jump quickly.

text-body--4

Font Size: 14px

Font Weight: 500

Line Height: 1.57

Sass function: (text-body--4)

The five boxing wizards jump quickly.

text-body--5

Font Size: 14px

Font Weight: 400

Line Height: 1.57

Sass function: (text-body--5)

The five boxing wizards jump quickly.

text-body--6

Font Size: 11px

Font Weight: 600

Line Height: 1.5

Sass function: (text-body--6)

The five boxing wizards jump quickly.

text-button--1

Font Size: 24px

Font Weight: 700

Line Height: 1

Sass function: (text-button--1)

The five boxing wizards jump quickly.

text-button--2

Font Size: 16px

Font Weight: 700

Line Height: 1

Sass function: (text-button--2)

Find an issue on this page? Propose a change or discuss it.