Typography

The five boxing wizards jump quickly.

Button, regular


Font Size: 24px

Font Weight: 700

Ling Height: 1


Sass:

@mixin set-type(`text-button--1`)

The five boxing wizards jump quickly.

Button, small


Font Size: 16px

Font Weight: 700

Ling Height: 1


Sass:

@mixin set-type(`text-button--2`)

The five boxing wizards jump quickly.

Body, extra large


Font Size: 32px

Font Weight: 500

Ling Height: 1.3125


Sass:

@mixin set-type(`text-body--1`)

The five boxing wizards jump quickly.

Body, large


Font Size: 19px

Font Weight: 400

Ling Height: 1.421


Sass:

@mixin set-type(`text-body--2`)

The five boxing wizards jump quickly.

Body, regular


Font Size: 16px

Font Weight: 400

Ling Height: 1.71


Sass:

@mixin set-type(`text-body--3`)

The five boxing wizards jump quickly.

Body, small (alternate)


Font Size: 14px

Font Weight: 500

Ling Height: 1.57


Sass:

@mixin set-type(`text-body--4`)

The five boxing wizards jump quickly.

Body, small


Font Size: 14px

Font Weight: 400

Ling Height: 1.57


Sass:

@mixin set-type(`text-body--5`)

The five boxing wizards jump quickly.

Body, extra small


Font Size: 11px

Font Weight: 600

Ling Height: 1.5


Sass:

@mixin set-type(`text-body--6`)

The five boxing wizards jump quickly.

Heading, extra large


Font Size: 42px

Font Weight: 700

Ling Height: 1.547


Sass:

@mixin set-type(`text-heading--1`)

The five boxing wizards jump quickly.

Heading, large


Font Size: 30px

Font Weight: 500

Ling Height: 1.333


Sass:

@mixin set-type(`text-heading--2`)

The five boxing wizards jump quickly.

Heading, large (alternative)


Font Size: 24px

Font Weight: 500

Ling Height: 1.333


Sass:

@mixin set-type(`text-heading--3`)

The five boxing wizards jump quickly.

Heading, regular


Font Size: 21px

Font Weight: 500

Ling Height: 1.29


Sass:

@mixin set-type(`text-heading--4`)

The five boxing wizards jump quickly.

Heading, small


Font Size: 19px

Font Weight: 500

Ling Height: 1.5


Sass:

@mixin set-type(`text-heading--5`)


Font Size: 14px

Font Weight: 400

Ling Height: 1.57


Sass:

@mixin set-type(``)
s

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