UI
Archive
Home
/
Browse
/
sephora.com
/
Diff
Design token diff
Showing changes between two snapshots of
sephora.com
Before
Apr 10, 2026
View snapshot
After
May 7, 2026
View snapshot
Before
Apr 10, 2026
After
May 7, 2026
+58 added
−3 removed
Colors
+22 added
−1 removed
Typography
−2 removed
−
Times|16px|400
Times 16px / 400
−
Times|32px|700
Times 32px / 700
Spacing
+18 added
3 unchanged
+
.5em
Space .5em
+
.75em
Space .75em
+
1em
Space 1em
+
2px
Space 2px
+
2em
Space 2em
+
4px
Space 4px
+
6px
Space 6px
+
12px
Space 12px
Border Radius
+13 added
+
3px
Radius 3px
+
4px
Radius 4px
+
inherit
Radius inherit
+
9999px
Radius 9999px
+
6px
Radius 6px
+
99999px
Radius 99999px
+
2px
Radius 2px
+
8px
Radius 8px
Shadows
+5 added
+
0 0 6px rgba(0,0,0,.2)
--shadow-light
+
0 0 0 1px #fff
Shadow 2
+
0 -1px 0 0 rgba(0, 0, 0, .1)
Shadow 3
+
inset 0 0 0 1px #eee
Shadow 4
+
0 0 12px rgba(0,0,0,.2)
--shadow-medium
Back to sephora.com archive
+
24px
Space 24px
+
26px
Space 26px
+
32px
Space 32px
+
34px
Space 34px
+
36px
Space 36px
+
44px
Space 44px
+
48px
Space 48px
+
60px
Space 60px
+
64px
Space 64px
+
96px
Space 96px
+
10px
Radius 10px
+
4px 4px 0 0
Radius 4px 4px 0 0
+
0 4px 4px 0
Radius 0 4px 4px 0
+
0 0 4px 4px
Radius 0 0 4px 4px
+
4px 0 0 4px
Radius 4px 0 0 4px