Last modified on December 8, 2024

Visual Language

--display

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789

--sans

Parkinsans

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789

Preview	Token
	`--eg-brand`
	`--eg-brand-dark`
	`--eg-brand-tint`
	`--eg-secondary`
	`--eg-secondary-focus`
	`--eg-secondary-accent`

Preview	Token
Aa	`h1` + `display` + `--serif`
Aa	`h1`
Aa	`h2`
Aa	`h3`
Aa	`h4`
Aa	`h5`
Aa	`h6`
Aa	`h1` + `--serif`
Aa	`h2` + `--serif`
Aa	`h3` + `--serif`
Aa	`h4` + `--serif`
Aa	`h5` + `--serif`
Aa	`h6` + `--serif`
Aa	`body`

Preview	Token
	`--size-50`
	`--size-100`
	`--size-150`
	`--size-200`
	`--size-300`
	`--size-400`
	`--size-500`
	`--size-600`

--radium-sm

--radium-md

--radium-lg

Column Start

1

Span-11

2

Span-10

3

Span-9

4

Span-8

5

Span-7

6

Span-6

Column Span

Span-12

Span-6

Span-4

Span-3

Span-7

Span-5

Span-8

Span-4

Span-9

Span-3

Span-10

Span-2

Span-11

Span-1

Row Span

Span-1

Span-6

Span-2

Span-6

Span-3

Span-6

Span-4

Span-6

Span-5

Span-6

Button primary

Button secondary

Button tertiary

List

This is a default bullet.
This is a check bullet.
This is a thumbs-up bullet.
This is a thumbs-down bullet.

Radio

Option 1

Option 2

Message

Title: Text

Industry

Title

How might we statement

Call to action

Industry

Title

How might we statement

Call to action

Industry

Title

How might we statement

Call to action

__shadow

__block

card__offset

card
__vector--lines

card
__vector--shape

card
__vector--shapes

card
__shadow

card
__block

card__offset

card
__vector--lines

card
__vector--shape

card
__vector--shapes

card
__shadow

card
__block

card__offset

card
__vector--lines

card
__vector--shape

card
__vector--shapes