Brand Logos (4)
OpenAI-Logo
img[alt*="logo" i]
The AI workspace that works for you.
img[src*="logo" i]
The AI workspace that works for you.
img[src*="logo" i]
The AI workspace that works for you.
img[src*="logo" i]
Icons (35)
Notion – Home
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_LmjHo
_UpqK7
_UpqK7
previous
next
_NbkTH
_1CxPz
_1CxPz
_1CxPz
_1CxPz
_1CxPz
_1CxPz
48×48
46×48
48×48
44×41
48×48
42×44
Instagram
X
LinkedIn
Facebook
YouTube
Colors (64)
Other (11)
Neutral (9)
Typography (2)
monospace (1)
AaThe quick brown fox jumps over the lazy dog
monospace1em · w400
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inheritinherit · w400
Spacing (32)
Space calc 1 var icon button top edge margin 0px
calc(-1*var(--icon-button-top-edge-margin, 0px)
Space calc 1 var icon button right edge margin 0px
calc(-1*var(--icon-button-right-edge-margin, 0px)
Space calc 1 var icon button bottom edge margin 0px
calc(-1*var(--icon-button-bottom-edge-margin, 0px)
Space calc 1 var icon button left edge margin 0px
calc(-1*var(--icon-button-left-edge-margin, 0px)
Space 0.0078125rem
0.0078125rem
Space 1px
1px
Space 2px
2px
Space .125em
.125em
Space 3px
3px
Space .25rem
.25rem
Space 4px
4px
Space .25em
.25em
Border Radius (24)
Radius var border radius 300var(--border-radius-300)
Radius var border button radiusvar(--border-button-radius)
Radius 4px4px
Radius var border radius 200var(--border-radius-200)
Radius var border radius 900var(--border-radius-900)
Radius 8px8px
Radius var border radius 500var(--border-radius-500)
Radius var graphic border radiusvar(--graphic-border-radius)
Radius var graphic border radius sm var graphic border radiusvar(--graphic-border-radius-sm,var(--graphic-border-radius))
Radius var graphic border radius md var graphic border radius sm var graphic border radiusvar(--graphic-border-radius-md,var(--graphic-border-radius-sm,var(--graphic-border-radius)))
Radius var graphic border radius lg var graphic border radius md var graphic border radius sm var graphic border radiusvar(--graphic-border-radius-lg,var(--graphic-border-radius-md,var(--graphic-border-radius-sm,var(--graphic-border-radius))))
Radius var graphic border radius xl var graphic border radius lg var graphic border radius md var graphic border radius sm var graphic border radiusvar(--graphic-border-radius-xl,var(--graphic-border-radius-lg,var(--graphic-border-radius-md,var(--graphic-border-radius-sm,var(--graphic-border-radius)))))
Radius var graphic border radius xxl var graphic border radius xl var graphic border radius lg var graphic border radius md var graphic border radius sm var graphic border radiusvar(--graphic-border-radius-xxl,var(--graphic-border-radius-xl,var(--graphic-border-radius-lg,var(--graphic-border-radius-md,var(--graphic-border-radius-sm,var(--graphic-border-radius))))))
Radius 12px12px
Radius 1000px1000px
Radius 5px5px
Radius var border radius roundvar(--border-radius-round)
Radius var border radius 600var(--border-radius-600)
Radius var border radius 400var(--border-radius-400)
Radius 50%50%
Radius var border radius 700var(--border-radius-700)
Radius 100%100%
Radius 1px1px
Radius var block border radiusvar(--block-border-radius)
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