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
#518c3f
pri-accent
#f4ac00
secondary
—
sec-accent
—
Surfaces — page · alt · emphasis · inverse
page
#ffffff
alt
—
emphasis
—
inverse
—
Heading font
Poppins (Google)
Body font
Poppins (Google)
Heading line-height
1.1
Mobile h1
54px → 34px
Mobile overflow
none
Base size
16px
Type scale
not detected
Rounding
Slightly rounded (8px)
Line width
not detected
Button hover
swap background
Text-over-image halo
not detected
Heading tracking
not detected
Label tracking
not detected
Focus ring
not detected
Easing
not detected
Container max
1240px
Section padding
64px
Accent gradient
not detected
Icon stroke
not detected
Spacing unit
not detected
Transition
300ms
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
#707070
field fill
#ffffff
field text
#777777
focus
#707070
submit
#f6b822
Captured from
mycubbyhouseearlylearning.com.au/ (home page)
Fields
3 · multi-column
Field border
1px solid #707070
Field radius
10px
Field height
81px
Field padding
26.4px 26.4px 26.4px 26.4px
Field font
Poppins 17.6px
Field shadow
not detected
Focus state
none
Label
no visible labels
Submit
"Subscribe" · #f6b822 · radius 8px
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.
Brand primarycaptured: #518c3f
Secondary colourdefault
Page backgroundcaptured: #ffffff
Text colourdefault
Text colour (inverse)default
Heading colourdefault
Link colourdefault
Link colour (inverse)default
Heading fontcaptured: Poppins
Body fontcaptured: Poppins
Heading size (H1)captured: 54px
Heading weightcaptured: 700
Heading trackingdefault
Primary button bgcaptured: #f6b822
Primary button radiuscaptured: 8
Roundingcaptured: 8px
Line / border widthdefault
Button hoverdefault
Focus ringdefault
Easingdefault
Transition speedcaptured: 300ms
Container max-widthcaptured: 1240px
Section paddingcaptured: 64px
Accent gradientdefault
Image treatmentcaptured: captured
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
#ffffff ·5572
#000000 ·2186
#333333 ·660
#508b38 ·580
#46aadc ·553
#2575fc ·476
#007bff ·434
#6c757d ·371
#dc3545 ·301
#28a745 ·301
#777777 ·246
#3b4757 ·245
#2a879e ·224
#212529 ·210
#5b9545 ·198
#dee2e6 ·196
#343a40 ·175
#f8f9fa ·168
Radii
0px1.6px2px3px3.2px4px4.3px4.7px4.8px5px6px8px
Shadow samples
inset 0 0 0 2000px rgb(0 0 0 / 50%)
-1px 0 5px 0 rgba(50, 50, 50, 0.3)
inset 0 0 20px 20px#5B9545
inset 0 0 10px 20px#5B9545
inset 0 0 20px 20px rgba(255,255,255,.25)
Character & component map
Shadow usage
heavy
Border usage
heavy
Gradients
present
Uppercase labels
yes (motif)
Letter-spacing
yes
Components observed vs gaps (gaps left empty — never auto-filled)
navobserved
heroGAP
buttonsobserved
cardobserved
pricingGAP
testimonialobserved
feature-gridobserved
galleryobserved
accordion-faqobserved
tabsobserved
tableobserved
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 →
filter (blur etc.)388×
object-fit111×
CSS mask38×
sticky positioning23×
scroll-snap20×
mix-blend-mode14×
scroll-behavior7×
will-change (perf)2×
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.
