Atoms 112 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 (24) Other (13)
--_colour-primitives---primitives--purple--800 #753a88
--_colour-primitives---primitives--purple--700 #9454ab
--_colour-primitives---get-real--500 #b66dd5
--_colour-primitives---primitives--purple--100 #f9f2fd
--_colour-primitives---primitives--purple--300 #eccffa
--_colour-primitives---primitives--purple--600 #a25fba
--_colour-primitives---primitives--yellow--200 #fcf0ca
--_colour-primitives---primitives--red--600 #ce5d55
--_colour-primitives---primitives--red--100 #faf0f0
--_colour-primitives---primitives--green--700 #457d4e
--_colour-primitives---primitives--green--50 #f9fbf7
--_colour-primitives---primitives--green--400 #97da90
--_colour-primitives---get-real--800 #580273 Neutral (7)
--_colour-primitives---primitives--neutral--700 #655d67
--_colour-primitives---primitives--neutral--200 #e5e1e5
--_colour-primitives---primitives--neutral--900 #3e3040
--_colour-primitives---primitives--neutral--50 #f5f3f6
--_colour-primitives---primitives--neutral--1000 #2a222b
--_colour-primitives---primitives--neutral--300 #d4d1d5
--_colour-primitives---primitives--neutral--600 #837a85 Show all 24 → Typography (16) Typography Paragraph Md Font (3)
System The quick brown fox 1rem · 400 The quick brown fox var(--_typography---paragraph-md-size) · 400 The quick brown fox var(--_typography---paragraph-md-size) · 400
Typography Heading One Font (2)
System The quick brown fox var(--_typography---heading-one-size) · 400 The quick brown fox var(--_typography---heading-one-size) · 400
Typography Heading Three Font (2)
System The quick brown fox var(--_typography---heading-three-size) · 400 The quick brown fox var(--_typography---heading-four-size) · 400
The quick brown fox 14px · 400
/ 123% -apple-system (1)
System The quick brown fox 13px · 500
Typography Heading Two Font (1)
System The quick brown fox var(--_typography---heading-two-size) · 400
Typography Eyebrow Font (1)
System The quick brown fox var(--_typography---eyebrow-size) · 400
Typography Action Text Md Font (1)
System The quick brown fox var(--_typography---action-text-sm-size) · 400
Typography Heading Display Font (1)
System The quick brown fox var(--_typography---heading-display-size) · 400
Typography Heading Four Font (1)
System The quick brown fox var(--_typography---heading-four-size) · 400
Typography Heading Six Font (1)
System The quick brown fox var(--_typography---heading-six-size) · 400
The quick brown fox var(--_typography---primitives--headings--size-3-size) · 400
Spacing (20) Show all 20 → Border Radius (22) var(--_size-and-spacing---tokens--corner-radius--md)
var(--_size-and-spacing---tokens--corner-radius--xl) var(--_size-and-spacing---tokens--corner-radius--xl) 0px 0px
var(--_size-and-spacing---tokens--corner-radius--xl)
50%
calc(var(--_size-and-spacing---tokens--corner-radius--sm) * 1.33)
var(--_size-and-spacing---tokens--corner-radius--xs)
calc(var(--_size-and-spacing---tokens--corner-radius--xs) * 1.66)
calc(var(--_size-and-spacing---tokens--corner-radius--md) * 1.5)
var(--_size-and-spacing---tokens--corner-radius--sm)
0.375rem
unset
3px
100%
2px
1rem
calc(var(--tokens--corner-radius--md)*1.33)
.5rem
var(--_size-and-spacing---tokens--corner-radius--full)
1.5rem
.75rem
var(--_size-and-spacing---primitives--spacers--050)
var(--_size-and-spacing---primitives--spacers--100)
Shadows (16) inset 0 0 0 1px var(--tokens--button--secondary-border)
unset
0 0 0 1px #0000001a,0 1px 3px #0000001a
0 0 3px #3336
0 0 0 2px #fff
inset 0 -.1875rem 0 0 var(--_colour-primitives---primitives--neutral--200)
inset 0 -.1875rem 0 0 var(--_colour-primitives---primitives--neutral--1000)
0 4px 4px #0000000a
0 0 0 .125rem var(--_colour-primitives---primitives--neutral--25)
0 2px 19px #0000000f
inset 0 0 0 1px #7779
3px 3px 10px #00000014
0 4px 4px #0000000d
0 0 0 3px var(--_colour-primitives---primitives--yellow--300)
0 0 0 3px var(--_colour-primitives---primitives--lavender--300)
0 0 0 3px var(--_colour-primitives---primitives--purple--300)
Borders (16) 1px solid black
1px #30C963 solid
1px dashed rgba(0, 0, 0, 0.4)
1px dotted
5px solid #e2e2e2
1px solid #ccc
1px solid #758696
solid #0000
5px solid #0006
3px solid #0000
1px solid var(--tokens--border--border-primary)
1px solid #000
1px solid var(--tokens--border--border-primary)
1px solid var(--tokens--border--border-primary)
1px solid var(--tokens--border--border-primary)
1px solid var(--tokens--tag--tag-border)
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) 