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
#c62a8c
pri-accent
#c62a8c
secondary
—
sec-accent
—
Surfaces — page · alt · emphasis · inverse
page
#f5f2ec
alt
#ffffff
emphasis
—
inverse
#1a3749
Heading font
Open Sans (Google)
Body font
Open Sans (Google)
Heading line-height
1.1
Mobile h1
58px → 38px ⚠ big
Mobile overflow
none
Base size
18px
Type scale
not detected
Rounding
Very rounded (50px)
Line width
not detected
Button hover
subtle / none
Text-over-image halo
not detected
Heading tracking
not detected
Label tracking
not detected
Focus ring
not detected
Easing
not detected
Container max
1203px
Section padding
38px
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
#bbbbbb
field fill
#ffffff
field text
#1a3749
focus
#2d3940
submit
#1a3749
Captured from
fastspeechpathology.com.au/ (home page)
Fields
4 · single-column
Field border
1px solid #bbbbbb
Field radius
30px
Field height
38px
Field padding
8px 8px 8px 8px
Field font
Open Sans 15px
Field shadow
not detected
Focus state
border + shadow (0px #2d3940)
Label
no visible labels
Submit
"Send enquiry" · #1a3749 · radius 50px
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: #c62a8c
Secondary colourdefault
Page backgroundcaptured: #f5f2ec
Text colourdefault
Text colour (inverse)default
Heading colourdefault
Link colourdefault
Link colour (inverse)default
Heading fontcaptured: Open Sans
Body fontcaptured: Open Sans
Heading size (H1)captured: 100px
Heading weightcaptured: 700
Heading trackingdefault
Primary button bgcaptured: #1a3749
Primary button radiuscaptured: 50
Roundingcaptured: 50px
Line / border widthdefault
Button hoverdefault
Focus ringdefault
Easingdefault
Transition speedcaptured: 300ms
Container max-widthcaptured: 1203px
Section paddingcaptured: 38px
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 ·111
#000000 ·71
#2ea3f2 ·32
#eeeeee ·21
#f5f2ec ·19
#c02b0a ·18
#666666 ·17
#c6298c ·17
#333333 ·15
#607382 ·15
#121961 ·14
#1a3749 ·13
#222222 ·11
#cccccc ·11
#dddddd ·8
#137ed0 ·8
#151515 ·8
#ff6900 ·6
Radii
0px3px4px5px8px10.5px20px30px32px50px100pxpill
Shadow samples
0 0 60px rgba(0,139,219,.247059)
0 5px 10px rgba(41,196,169,.15)
inset 0 0 7px rgba(0,0,0,.07)
inset 0px 0px 4px 0px #cccccc!important
0 2px 5px rgba(0,0,0,0.15)
Character & component map
Shadow usage
moderate
Border usage
moderate
Gradients
present
Uppercase labels
occasional
Letter-spacing
occasional
Components observed vs gaps (gaps left empty — never auto-filled)
navobserved
heroGAP
buttonsobserved
cardGAP
pricingGAP
testimonialGAP
feature-gridGAP
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 →
filter (blur etc.)4×
mix-blend-mode2×
object-fit2×
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.
