Atoms 113 Molecules Soon Organisms Soon Templates 1 Beta Pages Beta
Icons No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (25) Other (14)
--color-blue #006aff
--color-blue-dark #0055cc
--color-blue-light #cee7f3
--color-blue-color-mode-dark #1379f3
--color-red #df3320
--color-green #0bb634
--color-plum #a1499c
--color-rose #c14f70
--color-transparent rgba(0, 0, 0, 0)
--color-border-transparent rgba(128, 128, 128, .35)
--color-drop-shadow rgba(0, 0, 0, .16)
--color-drop-shadow-theme rgba(0, 0, 0, .32)
--color-drop-shadow-inverted #000000
--accessibility-focus-outline-color rgba(0, 106, 255, .8) Neutral (5)
--color-gray-03 #f7f7f7
--color-neutral-100 #1f1f1f
--color-neutral-200 #333333
--color-neutral-300 #707070
--color-neutral-400 #888888 Accent (1)
--color-accent-transparent rgba(0, 0, 0, .06) Show all 25 → Typography (16) The quick brown fox var(--font-size, var(--font-size-body)) · var(--font-weight, var(--font-weight-regular)) The quick brown fox var(--font-size, var(--font-size-h1)) · var(--font-weight, var(--font-weight-h1)) The quick brown fox var(--font-size, var(--font-size-h2)) · var(--font-weight, var(--font-weight-h2)) The quick brown fox var(--font-size, var(--font-size-h3)) · var(--font-weight, var(--font-weight-h3)) The quick brown fox var(--font-size, var(--font-size-h4)) · var(--font-weight, var(--font-weight-h4)) The quick brown fox var(--font-size, var(--font-size-h5)) · var(--font-weight, var(--font-weight-h5)) The quick brown fox var(--font-size, var(--font-size-h6)) · var(--font-weight, var(--font-weight-h6)) The quick brown fox var(--font-size) · var(--font-weight) The quick brown fox round(nearest,var(--font-size-factor, 1) * var(--font-size),1px) · var(--font-weight)
Square Sans Text VF (3)
System The quick brown fox 16px · var(--font-weight-medium, 500) The quick brown fox 16px · 400 The quick brown fox 12px · var(--font-weight-medium, 500)
The quick brown fox 100% · var(--font-weight-medium) The quick brown fox var(--font-size-body) · var(--font-weight-regular)
The quick brown fox 90% · 400
Square Sans Display VF (1)
System The quick brown fox 2.2rem · 600
Spacing (20) Space .014000000000000002rem .014000000000000002rem Space .4rem .4rem .4rem .4rem .4rem -.4rem .4rem .4rem Show all 20 → Border Radius (21) .2em
var(--accessibility-focus-outline-border-radius)
var(--action-variant-button-border-radius)
var(--badge-border-radius)
100%
var(--tooltip-popover-border-radius)
5px
4px
6px
16px
10000px
10px
12px
unset
2px
50%
3px
var(--select-dropdown-border-radius)
var(--form-field-input-border-radius)
var(--checkboxes-field-outer-border-radius)
var(--checkboxes-field-checkmark-radius)
Shadows (16) var(--tooltip-popover-box-shadow-primary),var(--tooltip-popover-box-shadow-ambient)
0 2px 8px #00000029
inset 0 0 0 1px var(--color-theme, #006aff)
0 -2px 8px #00000029
0 4px 32px #00000029
unset
0 1px 3px #0000001a
0 2px 8px #00000026
0 4px 12px #00000026
0 6px 16px #0003
0 8px 16px #0000003d
0 0 0 1px var(--color-form-field-default)
inset 0 0 0 var(--form-field-inset-box-shadow-size) var(--form-field-inset-box-shadow-color)
inset 0 0 0 var(--checkboxes-field-outer-width) var(--color-form-field-hover)
inset 0 0 0 var(--checkboxes-field-outer-width) var(--color-form-field-focus)
inset 0 0 0 var(--checkboxes-field-outer-width) var(--color-form-field-default)
Borders (16) 1px solid var(--color-border-transparent)
1px solid var(--color-border-transparent)
1px solid var(--color-gray-15)
1px solid var(--color-border, #d9d9d9)
1px solid var(--color-border, #d9d9d9)
1px solid var(--color-text, #1a1a1a)
2px solid #006aff
1px solid var(--color-border, #d9d9d9)
2px solid var(--color-background, #fff)
1px dashed red
1px solid var(--color-blue-500, var(--color-blue-500, #006aff))
1px solid var(--color-border, var(--color-neutral-700, #ccc))
1px solid var(--color-border)
1px solid var(--color-border)
1px solid #e0e0e0
1px solid #ccc
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)