Quick look above; the showcases render the full Slipstream bank with sample data. Captured values only on A-side — anatomy stays ours until we craft a library.
Style Guide preset (skin)
primary
#2cb5c1
pri-accent
#2563eb
secondary
—
sec-accent
—
Surfaces — page · alt · emphasis · inverse
page
#f8fafc
alt
#ffffff
emphasis
—
inverse
—
btn hover
#1e293b
Heading font
Plus Jakarta Sans (Google)
Body font
Inter (Google)
Heading line-height
1
Mobile h1
128px → 60px ⚠ big
Mobile overflow
none
Base size
16px
Type scale
not detected
Rounding
Pill (9999px)
Line width
not detected
Button hover
not detected
Text-over-image halo
not detected
Heading tracking
not detected
Label tracking
not detected
Focus ring
not detected
Easing
not detected
Container max
1200px
Section padding
128px
Accent gradient
not detected
Icon stroke
not detected
Spacing unit
not detected
Transition
150ms
Link underline
false
Button
not detected
rendered (getComputedStyle on laid-out page) — higher fidelity than the regex engine
Contact form — how the fields render
field border
#e5e7eb
field fill
#f8fafc
field text
#1e293b
focus
#e5e7eb
submit
#0f172a
Captured from
absoluteitsupport.com.au/ (home page)
Fields
4 · multi-column
Field border
0px none #e5e7eb
Field radius
24px
Field height
64px
Field padding
20px 24px 20px 24px
Field font
Inter 16px
Field shadow
not detected
Focus state
none
Label
700 10px uppercase
Submit
"SUBMIT ENQUIRY" · #0f172a · radius 24px
Captured form-field facts. These feed the contact-form component — see the field-token proposal in docs/contact-form-component.md.
Capture audit — what's real vs default
12 of 27 values captured from this site. The rest fall back to library defaults — shown so nothing hardcoded can pass as captured.
Brand primarycaptured: #2cb5c1
Secondary colourdefault
Page backgroundcaptured: #f8fafc
Text colourdefault
Text colour (inverse)default
Heading colourdefault
Link colourdefault
Link colour (inverse)default
Heading fontcaptured: Plus Jakarta Sans
Body fontcaptured: Inter
Heading size (H1)captured: 22px
Heading weightcaptured: 800
Heading trackingdefault
Primary button bgcaptured: #0f172a
Primary button radiuscaptured: 9999
Roundingcaptured: 9999px
Line / border widthdefault
Button hoverdefault
Focus ringdefault
Easingdefault
Transition speedcaptured: 150ms
Container max-widthcaptured: 1200px
Section paddingcaptured: 128px
Accent gradientdefault
Image treatmentdefault
Text-over-image halodefault
Icon strokedefault
Alt background (derived from page)library default
Card paddinglibrary default
Small/large shadow scalelibrary default
Secondary-button outline stylelibrary default
Inventory (raw evidence)
Palette by frequency
#2cb5c1 ·4
#000000 ·3
#ffffff ·3
#1e3a8a ·2
#0f172a ·2
#353a3e ·2
#1e40af ·1
#e2e8f0 ·1
Radii
2px8px24px
Shadow samples
0 30px 60px -12px rgba(0,0,0,0.15)
0 10px 30px -10px rgba(0,0,0,0.1)
0 25px 50px -12px rgba(30, 58, 138, 0.25)
0 20px 25px -5px rgba(0, 0, 0, 0.05)
var(--effectShadowLightShallow)
Character & component map
Shadow usage
minimal
Border usage
light
Gradients
rare/none
Uppercase labels
no
Letter-spacing
no
Components observed vs gaps (gaps left empty — never auto-filled)
navobserved
heroobserved
buttonsobserved
cardobserved
pricingGAP
testimonialGAP
feature-gridGAP
galleryGAP
accordion-faqobserved
tabsGAP
tableGAP
formobserved
footerobserved
dropdownGAP
Worth considering — seen here, not yet captured
Notable styling present in this site's CSS that the tool doesn't yet turn into a captured value — candidates for future capture. Full coverage & roadmap →
scroll-behavior1×
Beyond the capture — Claude's read & generative proposals
The character CSS mining can't reach — bespoke anatomy, motifs, the "feel". These are my interpretations and generative suggestions. They are NOT applied to the reconstruction above — they're ideas to react to when this becomes a library's seed.
Not reviewed yet. Ask Claude in chat to “read this teardown” and I'll add observations + generative proposals here.
