Icons
No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (25)
Other (13)
Neutral (7)
Typography (2)
SF Pro Rounded (1)
AaThe quick brown fox jumps over the lazy dog
SF Pro Rounded16px · w600
Lyon-Text (1)
AaThe quick brown fox jumps over the lazy dog
Lyon-Text17px · w400
Spacing (20)
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 1px1px
Radius 100%100%
Radius 1.15% 2.3%1.15%/2.3%
Shadows (16)
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
Inspection Notes
- • DOM skipped: page.evaluate: ReferenceError: __name is not defined at eval (eval at evaluate (:290:30), <anonymous>:1:72) at UtilityScript.evaluate (<anonymous>:292:16) at UtilityScript.<anonymous> (<anonymous>:1:44)