Icons (23)
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
16×16
Open page actions menu
Filter and Sort Projects
16×16
Colors (64)
Other (17)
Surface (3)
Typography (1)
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit100% · w400
Spacing (32)
Space calc 0px var header height
calc(0px - var(--header-height)
Space calc 0px calc 1 var tw space y reverse
calc(0px * calc(1 - var(--tw-space-y-reverse)
Space calc 0px var tw space y reverse
calc(0px * var(--tw-space-y-reverse)
Space .1px
.1px
Space 1px
1px
Space calc 1px calc 1 var tw space y reverse
calc(1px * calc(1 - var(--tw-space-y-reverse)
Space calc 1px var tw space y reverse
calc(1px * var(--tw-space-y-reverse)
Space 1.5px
1.5px
Space .1rem
.1rem
Space 2px
2px
Space .125rem
.125rem
Space calc .125rem calc 1 var tw space y reverse
calc(.125rem * calc(1 - var(--tw-space-y-reverse)
Border Radius (24)
Radius 9999px9999px
Radius var geist radiusvar(--geist-radius)
Radius 16px16px
Radius 100%100%
Radius 50%50%
Radius 4px4px
Radius 12px12px
Radius 20px20px
Radius var geist marketing radiusvar(--geist-marketing-radius)
Radius 6px6px
Radius 100px100px
Radius 8px8px
Radius 6px 6px 0 06px 6px 0 0
Radius 0 6px 6px 00 6px 6px 0
Radius 0 0 6px 6px0 0 6px 6px
Radius 1rem1rem
Radius 0 var geist radius var geist radius 00 var(--geist-radius) var(--geist-radius) 0
Radius 0 0 var geist radius var geist radius0 0 var(--geist-radius) var(--geist-radius)
Radius var geist radius var geist radius 0 0var(--geist-radius) var(--geist-radius) 0 0
Radius 128px128px
Radius 2px2px
Radius 10px10px
Radius var geist radius large var geist radius large 0 0var(--geist-radius-large) var(--geist-radius-large) 0 0
Radius .3125rem.3125rem
Shadows (24)
Shadow 1
Shadow 2
Shadow 3
Shadow 4
Shadow 5
Shadow 6
Shadow 7
Shadow 8
Shadow 9
Shadow 10
Shadow 11
Shadow 12
Shadow 13
Shadow 14
Shadow 15
Shadow 16
Shadow 17
Shadow 18
Shadow 19
Shadow 20
Shadow 21
Shadow 22
Shadow 23
Shadow 24