2250.makedev.com.au/

open ↗ 2026-06-23 11:57 UTC · 3 css files · 176kb 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

#c8924a

pri-accent

#3d5b4a

secondary

—

sec-accent

—

Surfaces — page · alt · emphasis · inverse

page

#fbf7ef

alt

—

emphasis

—

inverse

#1f1410

btn hover

#27272a

Heading font: Fraunces (Google)
Body font: Inter (Google)
Heading line-height: 0.95
Mobile h1: 89.6px → 44.8px ⚠ big
Mobile overflow: none
Base size: 16px
Type scale: not detected
Rounding: Pill (999px)
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: 1216px
Section padding: 96px
Accent gradient: not detected
Icon stroke: not detected
Spacing unit: not detected
Transition: 140ms
Link underline: true
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: #c8924a
Secondary colourdefault
Page backgroundcaptured: #fbf7ef
Text colourdefault
Text colour (inverse)default
Heading colourdefault
Link colourdefault
Link colour (inverse)default
Heading fontcaptured: Fraunces
Body fontcaptured: Inter
Heading size (H1)default
Heading weightcaptured: 300
Heading trackingdefault
Primary button bgcaptured: #18181b
Primary button radiuscaptured: 999
Roundingcaptured: 999px
Line / border widthdefault
Button hoverdefault
Focus ringdefault
Easingdefault
Transition speedcaptured: 140ms
Container max-widthcaptured: 1216px
Section paddingcaptured: 96px
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

#f6eee1 ·99

#1f1410 ·91

#c8924a ·69

#e85d3c ·42

#ffffff ·26

#ffb800 ·25

#3d5b4a ·19

#1f2937 ·16

#fbf7ef ·15

#000000 ·15

#f4f4f5 ·9

#27272a ·9

#71717a ·9

#1e7a3e ·7

#18181b ·6

#3f3f46 ·6

#a1a1aa ·6

#e8c864 ·4

Radii

8px14pxpill

Shadow samples

0 0 0 0 color-mix(in srgb, var(--brand-secondary-accent, #e85d3c) 70%, transparent)

0 0 0 10px color-mix(in srgb, var(--brand-secondary-accent, #e85d3c) 0%, transparent)

0 0 0 0 color-mix(in srgb, var(--brand-secondary-accent, #e85d3c) 0%, transparent)

0 1px 0 rgba(31,20,16,0.04), 0 20px 40px -20px rgba(31,20,16,0.25)

Character & component map

Shadow usage: heavy
Border usage: light
Gradients: present
Uppercase labels: yes (motif)
Letter-spacing: yes

Components observed vs gaps (gaps left empty — never auto-filled)

navobserved
heroobserved
buttonsobserved
cardobserved
pricingGAP
testimonialobserved
feature-gridobserved
galleryGAP
accordion-faqobserved
tabsGAP
tableGAP
formGAP
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.)13×
object-fit10×
conic-gradient3×
sticky positioning3×

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.