404 Error: Page Not Found

Return to homepage

You didn't find what you were looking for, but you did find where I tested all of my utility token scales.

Fonts

Font: Line-height: Letter-spacing: Font-weight:

font-size-2xs The quick brown fox jumps over the lazy dog.

-font-size-xs The quick brown fox jumps over the lazy dog.

--font-size-s The quick brown fox jumps over the lazy dog.

--font-size-m The quick brown fox jumps over the lazy dog.

--font-size-l The quick brown fox jumps over the lazy dog.

--font-size-xl The quick brown fox jumps over the lazy dog.

--font-size-2xl The quick brown fox jumps over the lazy dog.

--font-size-3xl The quick brown fox jumps over the lazy dog.

--font-size-4xl The quick brown fox jumps over the lazy dog.

--font-size-5xl The quick brown fox jumps over the lazy dog.

Colors

--theme-hue 45

--theme-chroma 0.1

--theme-value-base 0.5

--theme-value-step 0.075

--dark--0

--theme-4xl

--theme-3xl

--theme-2xl

--theme-xl

--theme-l

--theme-m

--theme-d

--theme-xd

--theme-2xd

--theme-3xd

--theme-4xd

--light--0

--theme-4xd

--theme-3xd

--theme-2xd

--theme-xd

--theme-d

--theme-m

--theme-l

--theme-xl

--theme-2xl

--theme-3xl

--theme-4xl

--dark--0

--light--1

--light-0

--light-1

--light-2

--light-3

--light-4

--light-5

--light-6

--light-7

--gray

--light--0

--light--1

--light-0

--light-1

--light-2

--light-3

--light-4

--light-5

--light-6

--light-7

--gray

--dark--0

--dark--1

--dark-0

--dark-1

--dark-2

--dark-3

--dark-4

--dark-5

--dark-6

--dark-7

--gray

--light--0

--dark--1

--dark-0

--dark-1

--dark-2

--dark-3

--dark-4

--dark-5

--dark-6

--dark-7

--gray

Size Scale

--size-none

--size-one

--size-two

--size-5xs

--size-4xs

--size-3xs

--size-2xs

--size-xs

--size-s

--size-m

--size-l

--size-xl

--size-2xl

--size-3xl

--size-4xl

--size-5xl

Space Scale

--space-none

--space-one

--space-two

--space-4xs

--space-3xs

--space-2xs

--space-xs

--space-s

--space-m

--space-l

--space-xl

--space-2xl

--space-3xl

--space-4xl

Corner Radius

--radius-none

--radius-xs

--radius-s

--radius-m

--radius-l

--radius-xl

--radius-full

Square Radius

--radius-none

--radius-square-xs

--radius-square-s

--radius-square-m

--radius-square-l

--radius-square-xl

--radius-full

Color Change Time

Translation Duration