Icons
No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (64)
Other (11)
Neutral (9)
Typography (7)
)var(--fontStack-system) (3)
AaThe quick brown fox jumps over the lazy dog
)var(--fontStack-system)2rem · w400
AaThe quick brown fox jumps over the lazy dog
)var(--fontStack-system)1.25rem · w600
AaThe quick brown fox jumps over the lazy dog
)var(--fontStack-system)1.25rem · w400
sans-serif (1)
AaThe quick brown fox jumps over the lazy dog
sans-serif16px · w400
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
Apple Color Emoji (1)
AaThe quick brown fox jumps over the lazy dog
Apple Color Emoji1em · wvar(--base-text-weight-normal)
Spacing (32)
Space calc 0px var overlap size
calc(0px - var(--overlap-size)
Space 0px
0px
Space .1px
.1px
Space .18px
.18px
Space .21px
.21px
Space .24px
.24px
Space 1px
1px
Space .063rem
.063rem
Space .1em
.1em
Space .12em
.12em
Space 2px
2px
Space .125em
.125em
Border Radius (24)
Radius 6px6px
Radius .5em.5em
Radius 1px1px
Radius var borderRadius full 100vhvar(--borderRadius-full,100vh)
Radius var borderRadius mediumvar(--borderRadius-medium)
Radius var borderRadius medium 6pxvar(--borderRadius-medium,6px)
Radius var borderRadius small 4pxvar(--borderRadius-small,4px)
Radius var borderRadius large 8pxvar(--borderRadius-large,8px)
Radius var borderRadius medium 8pxvar(--borderRadius-medium,8px)
Radius var borderRadius full 50%var(--borderRadius-full,50%)
Radius 4px4px
Radius 50%50%
Radius 2em2em
Radius 12px12px
Radius inheritinherit
Radius .375rem.375rem
Radius var borderRadius largevar(--borderRadius-large)
Radius unsetunset
Radius calc var borderRadius medium var segmentedControl item padding 2calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/2)
Radius calc var borderRadius medium var segmentedControl item padding 1calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/1)
Radius var borderRadius medium var borderRadius medium 0 0var(--borderRadius-medium)var(--borderRadius-medium)0 0
Radius var borderRadius smallvar(--borderRadius-small)
Radius var borderRadius fullvar(--borderRadius-full)
Radius 100px100px
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
Inspection Notes
- • Stylesheet limit reached (20). Additional links skipped.
- • DOM analysis skipped: browserType.launch: Executable doesn't exist at /home/nextjs/.cache/ms-playwright/chromium_headless_shell-1208/chrome-headless-shell-linux64/chrome-headless-shell ╔═════════════════════════════════════════════════════════════════════════╗ ║ Looks like Playwright Test or Playwright was just installed or updated. ║ ║ Please run the following command to download new browsers: ║ ║ ║ ║ npx playwright install ║ ║ ║ ║ <3 Playwright Team ║ ╚═════════════════════════════════════════════════════════════════════════╝