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
#8fdc24
pri-accent
#192031
secondary
—
sec-accent
—
Surfaces — page · alt · emphasis · inverse
page
#ffffff
alt
#f3f3f3
emphasis
#8fdc24
inverse
#000000
btn hover
#73b11c
Heading font
Plus Jakarta Sans (Google)
Body font
Plus Jakarta Sans (Google)
Heading line-height
1.07
Mobile h1
48px → 30px
Mobile overflow
none
Base size
16px
Type scale
not detected
Rounding
Pill (100px)
Line width
not detected
Button hover
swap background + shadow
Text-over-image halo
not detected
Heading tracking
not detected
Label tracking
not detected
Focus ring
not detected
Easing
not detected
Container max
1170px
Section padding
80px
Accent gradient
not detected
Icon stroke
not detected
Spacing unit
not detected
Transition
200ms
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
#8fdc24
field fill
#131313
field text
#ffffff
focus
#b1e766
submit
#ffffff
Captured from
digital8.com.au/ (home page)
Fields
4 · multi-column
Field border
1px solid #8fdc24
Field radius
17px
Field height
58px
Field padding
14px 20px 14px 20px
Field font
Roboto 16px
Field shadow
not detected
Focus state
border + shadow (0px #b1e766)
Label
600 40px
Submit
"Submit" · #ffffff · radius 70px
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
13 of 27 values captured from this site. The rest fall back to library defaults — shown so nothing hardcoded can pass as captured.
Components observed vs gaps (gaps left empty — never auto-filled)
navobserved
heroobserved
buttonsobserved
cardobserved
pricingGAP
testimonialobserved
feature-gridobserved
galleryGAP
accordion-faqGAP
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 →
object-fit171×
filter (blur etc.)59×
CSS mask44×
sticky positioning12×
scroll-snap7×
mix-blend-mode5×
will-change (perf)5×
scroll-behavior2×
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.
