Brand Logos (4)
TipTap logo
svg[aria-label*="logo" i]
Fin logo
svg[aria-label*="logo" i]
Nutrient logo
svg[aria-label*="logo" i]
Graphite logo
svg[aria-label*="logo" i]
Icons (11)
Select version of library
16×16
GitHub repository
16×16
72×72
72×72
72×72
72×72
28×28
28×28
28×28
Colors (64)
Other (20)
Typography (21)
inter (15)
AaThe quick brown fox jumps over the lazy dog
inter◑8516px · w400
AaThe quick brown fox jumps over the lazy dog
inter◑8514px · w400
AaThe quick brown fox jumps over the lazy dog
inter◑8514px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8514px · w600
AaThe quick brown fox jumps over the lazy dog
inter◑8513px · w400
AaThe quick brown fox jumps over the lazy dog
inter◑8524px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8512px · w400
AaThe quick brown fox jumps over the lazy dog
inter◑8016px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8030px · w600
AaThe quick brown fox jumps over the lazy dog
inter◑8012px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8040px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8020px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8018px · w500
AaThe quick brown fox jumps over the lazy dog
inter◑8096px · w400
AaThe quick brown fox jumps over the lazy dog
inter◑8014px · w700
plexMono (6)
AaThe quick brown fox jumps over the lazy dog
plexMono◑8513px · w400
AaThe quick brown fox jumps over the lazy dog
plexMono◑8512px · w400
AaThe quick brown fox jumps over the lazy dog
plexMono◑8012px · w500
AaThe quick brown fox jumps over the lazy dog
plexMono◑8017px · w500
AaThe quick brown fox jumps over the lazy dog
plexMono◑8012px · w600
AaThe quick brown fox jumps over the lazy dog
plexMono◑8014px · w500
Spacing (32)
-64px
-64px
-4px
-4px
Space calc 3rem 1px
calc(-3rem - 1px)
Space calc 100 21.5rem
calc(100% - 21.5rem)
Space 0
0
Space .25rem
.25rem
Space .4375rem
.4375rem
Space .5rem
.5rem
Space .75rem
.75rem
Space .8em
.8em
Space 1px
1px
Space 1rem
1rem
Border Radius (16)
Radius .25rem.25rem
Radius var radius 2xlvar(--radius-2xl)
Radius var radius 3xlvar(--radius-3xl)
Radius var radius 4xlvar(--radius-4xl)
Radius calc var radius xl 1pxcalc(var(--radius-xl) - 1px)
Radius 3.40282e38px3.40282e38px
Radius var radius lgvar(--radius-lg)
Radius var radius mdvar(--radius-md)
Radius var radius smvar(--radius-sm)
Radius var radius xlvar(--radius-xl)
Radius var radius xsvar(--radius-xs)
Radius .375rem.375rem
Radius .125rem.125rem
Radius .5rem.5rem
Radius .75rem.75rem
Radius 1rem1rem
Shadows (12)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
○60
Shadow 460
○60
Shadow 560
○60
Shadow 660
○60
Shadow 760
○60
Shadow 860
○60
Shadow 960
○60
Shadow 1060
○60
Shadow 1160
○60
Shadow 1260