Colors
Accent Colors
- Accent
oklch(92% 0.15 115)- Accent Dark
oklch(80% 0.15 115)- Accent Light
oklch(96% 0.2 115)- Accent Soft
oklch(92% 0.15 115 / 0.14)
Heading Colors
- Heading
oklch(87% 0.18 100)- Heading Dark
oklch(75% 0.18 100)- Heading Light
oklch(93% 0.15 100)- Heading Soft
oklch(87% 0.18 100 / 0.14)
Gray Scale
- Gray 1
oklch(89% 0.02 85)- Gray 2
oklch(75% 0.02 85)- Gray 3
oklch(60% 0.02 85)- Gray Soft
oklch(60% 0.02 85 / 0.14)
Text Colors
- Text Base
oklch(14% 0.01 70)- Text Muted
oklch(20% 0.01 70)- Text Heading
oklch(10% 0.01 70)
Typography
Font Families
Victor Mono
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Lilita One
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Brawler
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Nunito
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Heading Levels
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Font Size Scale
xs
clamp(0.75em, 0.7em + 0.25vw, 0.875em)Samplesm
clamp(0.875em, 0.85em + 0.125vw, 1em)Samplebase
1emSamplelg
clamp(1.125em, 1.05em + 0.375vw, 1.25em)Samplexl
clamp(1.25em, 1.15em + 0.5vw, 1.5em)Sample2xl
clamp(1.5em, 1.3em + 1vw, 2em)Sample3xl
clamp(1.75em, 1.4em + 1.75vw, 2.5em)Sample4xl
clamp(2em, 1.5em + 2.5vw, 3em)Sample5xl
clamp(2.5em, 1.75em + 3.75vw, 4em)Sample6xl
clamp(3em, 2em + 5vw, 5em)Sample7xl
clamp(3.5em, 2.25em + 6.25vw, 6em)SampleFont Weights
thin
100Sampleextralight
200Samplelight
300Samplenormal
400Samplemedium
500Samplesemibold
600Samplebold
700Sampleextrabold
800Sampleblack
900Sample