roottherapy.hlth.au/

open ↗ 2026-06-11 12:13 UTC · 3 css files · 49kb css

rendered capture (headless)

Live reference

Preview — our components × captured values

A-side — Captured ↗Every component in the captured values · gaps shown · device toggle B-side — Proposed ↗My proposed CSS applied — the generative "what it could become" C-side — Derived ↗A complete, coherent library derived by rule from the captured DNA

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

#dd7b2c

pri-accent

#386954

secondary

—

sec-accent

—

Surfaces — page · alt · emphasis · inverse

page

#000000

alt

—

emphasis

—

inverse

#f6f7f1

Heading font: Alice → Google: Inter
Body font: Poppins (Google)
Heading line-height: 1.1
Mobile h1: 56px → 33.6px
Mobile overflow: none
Base size: 16px
Type scale: not detected
Rounding: Very rounded (60px)
Line width: not detected
Button hover: brighten background
Text-over-image halo: not detected
Heading tracking: not detected
Label tracking: not detected
Focus ring: not detected
Easing: not detected
Container max: 1152px
Section padding: 77px
Accent gradient: not detected
Icon stroke: not detected
Spacing unit: not detected
Transition: not detected
Link underline: false
Button: not detected

rendered (getComputedStyle on laid-out page) — higher fidelity than the regex engine

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: #dd7b2c
Secondary colourdefault
Page backgroundcaptured: #000000
Text colourdefault
Text colour (inverse)default
Heading colourdefault
Link colourdefault
Link colour (inverse)default
Heading fontcaptured: Alice
Body fontcaptured: Poppins
Heading size (H1)captured: 56px
Heading weightcaptured: 400
Heading trackingdefault
Primary button bgcaptured: #dd7b2c
Primary button radiuscaptured: 60
Roundingcaptured: 60px
Line / border widthdefault
Button hoverdefault
Focus ringdefault
Easingdefault
Transition speeddefault
Container max-widthcaptured: 1152px
Section paddingcaptured: 77px
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

#000000 ·8

#ffffff ·4

#eeeeee ·2

#333333 ·2

#dddddd ·2

#666666 ·2

#cccccc ·2

#bbbbbb ·1

#386954 ·1

#82b7b4 ·1

#dd7b2c ·1

#f6f7f1 ·1

#f4f4f4 ·1

#444444 ·1

#555555 ·1

#999999 ·1

#f5f5f5 ·1

#e37034 ·1

Radii

8px10px16px30px60pxpill

Shadow samples

0 4px 6px rgba(0,0,0,.1)

0 0 0 3px rgba(0, 123, 255, 0.2)

0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)

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
cardGAP
pricingGAP
testimonialGAP
feature-gridobserved
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 →

CSS mask6×
scroll-behavior2×
filter (blur etc.)1×

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.