UI
Archive
calendly.com snapshot — UI Archive
Home
/
Browse
/
calendly.com
/
Snapshot · May 7, 2026
calendly
calendly.com
3
snapshots
First archived Apr 10, 2026
Last updated May 7, 2026
Take a new snapshot
Visit site
Snapshot from
May 7, 2026, 03:48 AM
Older
Compare with previous
Inspect another
calendly.com
· 123 tokens
29
colors
24
fonts
30
spacing
60
icons
Copy link
Export
Atoms
185
Molecules
Soon
Organisms
Soon
Templates
1
Beta
Pages
50
Beta
Icons
(60)
filled 01
filled 02
filled 03
filled 04
filled 05
filled 06
filled 07
filled 08
filled 09
filled 10
filled 11
filled 12
filled 13
filled 14
filled 15
filled 16
filled 17
filled 18
filled 19
filled 20
filled 21
filled 22
filled 23
filled 24
filled 25
filled 26
filled 27
filled 28
filled 29
filled 30
filled 31
filled 32
16×16
heroicons
20×20
wrapper
wrapper
wrapper
wrapper
wrapper
heroicons
heroicons
wrapper
wrapper
wrapper
wrapper
wrapper
wrapper
wrapper
32×32
22×23
heroicons
heroicons
material
Link to Calendly Youtube account
30×14
Google Calendar integration
Slack integration
Google suite
Microsoft suite
Colors
(29)
Other
(19)
--color-black
#000000
--color-white
#ffffff
--color-fd-primary
#476788
--color-fd-secondary-foreground
#0b3558
#0a0a0a
rgba(204, 204, 204, 0.5)
#006bff
#a6bbd1
#d4e0ed
#f8f9fb
#e7edf6
rgba(0, 0, 0, 0.25)
#f0f3f8
--color-fd-muted-foreground
#737373
--color-fd-border
#cccccc80
--color-fd-ring
#a3a3a3
--color-fd-overlay
#0003
--color-fd-idea
#ee7e00
--color-fd-diff-remove
#c80a641f
Accent
(1)
--color-fd-accent
#d1d1d180
Show all 29 →
Typography
(24)
gilroy
(24)
System
The quick brown fox
28px · 600
The quick brown fox
20px · 700
The quick brown fox
20px · 600
The quick brown fox
20px · 400
The quick brown fox
1.125rem · 600
The quick brown fox
1.125rem · 600
The quick brown fox
18px · 600
The quick brown fox
18px · 600
The quick brown fox
18px · 400
The quick brown fox
16px · 700
The quick brown fox
16px · 600
The quick brown fox
16px · 400
The quick brown fox
14px · 700
The quick brown fox
0.875rem · 600
The quick brown fox
14px · 600
The quick brown fox
13.652px · 600
The quick brown fox
13.2157px · 500
The quick brown fox
12.34px · 600
The quick brown fox
0.75rem · 500
The quick brown fox
10.409px · 700
The quick brown fox
9.682px · 700
The quick brown fox
9.682px · 500
The quick brown fox
9.437px · 700
The quick brown fox
9.284px · 500
Spacing
(30)
Space .15em
.15em
Space .1875em
.1875em
Space .25rem
.25rem
Space .5em
.5em
Space .6em
.6em
Space .75em
.75em
Space .857143em
.857143em
Space .888889em
.888889em
Space 2px
2px
Space 3px
3px
Space 4px
4px
Space 6px
6px
Show all 30 →
Border Radius
(14)
8px
16px
24px
50%
4px
2px
50px
3px
12px
.5rem
.25rem
.75rem
inherit
9999px
Shadows
(12)
0 0 0 4px #006bff3d
0px 4px 5px 0px #4767880A,0px 8px 15px 0px #47678808,0px 30px 50px 0px #47678814
0 0 0 1px rgba(0, 107, 255, 0.16)
0 0 0 4px rgba(0, 107, 255, 0.24)
inset 0px 0px 8px rgba(184, 220, 255, 0.75)
inset 0px 0px 8px 0px rgba(140, 198, 253, 1)
0px 4px 4px rgba(0, 0, 0, 0.04)
0px 4px 5px 0px #4767880A,0px 8px 15px 0px #47678808,0px 15px 30px 0px #4767880F
0px 4px 5px 0px #4767880A,0px 10px 15px 0px #4767880A,0px 40px 50px 0px #4767881A
0px 4px 5px 0px #4767880A,0px 4px 10px 0px #47678808,0px 10px 20px 0px #4767880D
0px 4px 5px 0px #4767880A,0px 6px 10px 0px #4767880D
0 0 0 1px #006bff29
Borders
(16)
#D4E0ED 2px solid
#D4E0ED 1px solid
1px solid #D4E0ED
1px solid #006BFF
1px solid #F8F9FB
1px solid #476788
1px solid #0B3558
1px solid #F0F3F8
1px solid #E7EDF6
1px solid #E7EDF6
#D4E0ED 2px solid
#D4E0ED 1px solid
1px solid #D4E0ED
1px solid #D4E0ED
1px solid #FFA600
1px solid #BB32D5
Tech Stack
(1 detected)
Tailwind CSS
css framework
Icon Libraries
(2 detected)
Heroicons
5 icons
Material Icons
1 icon
All Snapshots
May 7, 2026, 03:48 AM
506.3 KB
29 colors
· 24 fonts
· 30 spacing
· 60 icons
193 tokens total
Compare with previous snapshot
Apr 10, 2026, 11:44 PM
438.9 KB
23 colors
· 5 fonts
· 20 spacing
97 tokens total
Compare with previous snapshot
Apr 10, 2026, 10:36 PM
438.9 KB
23 colors
· 5 fonts
· 20 spacing
97 tokens total
