Icons
No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (42)
Other (10)
Neutral (8)
Surface (2)
Typography (24)
SF Pro Text (13)
AaThe quick brown fox jumps over the lazy dog
SF Pro Text12px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text17px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Text12px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text17px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text12px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Text17px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Text14px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text17px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text14px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text12px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text12px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Text12px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Text14px · w400
SF Pro Display (9)
AaThe quick brown fox jumps over the lazy dog
SF Pro Display28px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display19px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display24px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display24px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display28px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display21px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display19px · w400
AaThe quick brown fox jumps over the lazy dog
SF Pro Display19px · w600
AaThe quick brown fox jumps over the lazy dog
SF Pro Display21px · w600
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inherit1em · winherit
SF Pro Icons (1)
AaThe quick brown fox jumps over the lazy dog
SF Pro Iconsinherit · winherit
Spacing (32)
Space 0px
0px
Space 1px
1px
Space 2px
2px
Space calc 100 2.5px
calc(-100% + 2.5px)
Space 3px
3px
Space 4px
4px
Space 5px
5px
Space 5.5px
5.5px
Space 6px
6px
Space .4em
.4em
Space var sk headline plus headline margin .4em
var(--sk-headline-plus-headline-margin, .4em)
Space var sk links stacked margin 0.4em
var(--sk-links-stacked-margin, 0.4em)
Border Radius (18)
Radius 5px5px
Radius 6px6px
Radius 1.3em1.3em
Radius var sk button border radiusvar(--sk-button-border-radius)
Radius 1px1px
Radius 1.2px1.2px
Radius 50%50%
Radius var modal close border radiusvar(--modal-close-border-radius)
Radius var modal overlay border radius top var modal overlay border radius top var modal overlay border radius bottom var modal overlay border radius bottomvar(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-bottom) var(--modal-overlay-border-radius-bottom)
Radius inheritinherit
Radius 8px8px
Radius 16px16px
Radius 3px3px
Radius 100%100%
Radius 19.5px19.5px
Radius 27.5px27.5px
Radius fafafc#fafafc
Radius rgb 255 255 255rgb(255, 255, 255)
Inspection Notes
- • Failed to fetch https://apple.com/wss/fonts?families=SF+Pro,v3|SF+Pro+Icons,v3: 404 Not Found
- • 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 ║ ╚═════════════════════════════════════════════════════════════════════════╝