Private

Docs Theme

s1

s2

c1

c2

c3

p1

p2

t1

t2

gray

--gray-s1

--gray-s2

--gray-c1

--gray-c2

--gray-c3

--gray-p1

--gray-p2

--gray-t1

--gray-t2

indigo

--indigo-s1

--indigo-s2

--indigo-c1

--indigo-c2

--indigo-c3

--indigo-p1

--indigo-p2

--indigo-t1

--indigo-t2

poppy

--poppy-t1

blue

--blue-t1

green

--green-t1

orange

--orange-t1

pink

--pink-t1

grape

--grape-t1

lime

--lime-t1

1

2

3

4

5

6

blackA

--blackA-1

--blackA-2

--blackA-3

--blackA-4

--blackA-5

--blackA-6

--font-sans-a

Die Grotesk A for UI copy

--font-sans-b

Die Grotesk B for UI copy

--font-mono

Söhne Mono for code and data

--font-serif

Georgia for editorial accents

--font-size-1 / --line-height-1

The quick brown fox jumps over the lazy dog.

--font-size-2 / --line-height-2

The quick brown fox jumps over the lazy dog.

--font-size-3 / --line-height-3

The quick brown fox jumps over the lazy dog.

--font-size-4 / --line-height-4

The quick brown fox jumps over the lazy dog.

--font-size-5 / --line-height-5

The quick brown fox jumps over the lazy dog.

--font-size-6 / --line-height-6

The quick brown fox jumps over the lazy dog.

--font-size-7 / --line-height-7

The quick brown fox jumps over the lazy dog.

--font-size-8 / --line-height-8

The quick brown fox jumps over the lazy dog.

--font-size-9 / --line-height-9

The quick brown fox jumps over the lazy dog.

--font-weight-1

Regular

--font-weight-2

Medium

--font-weight-3

Semi-bold

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

--space-9

--space-10

--radius-1

--radius-2

--radius-3

--radius-4

--radius-5

--radius-6

--radius-7

--radius-pill

--radius-circle

--shadow-1

--shadow-2

--shadow-3

--shadow-4

--shadow-5