What the teardown tool captures today, and a running backlog of stylistic things worth adding to future captures. Each teardown page also auto-surfaces what that site uses beyond our current capture (the "Worth considering" panel). Ask Claude to promote a backlog item into a real captured value.
✅ Captured today
- ✓Colour — brand primary / accent / secondary, page & inverse backgrounds, full palette by frequency
- ✓Typography — heading & body font, base size, type-scale ratio
- ✓Rounding — representative
border-radius (Sharp→Pill + px)
- ✓Line thickness —
--line-width / --btn-border-width (a library value)
- ✓Buttons — style, shape, weight, and hover (enum + lift/shadow/bg-shift profile)
- ✓Images — radius / shadow / border treatment (detected-only)
- ✓Text-over-image halo —
text-shadow for legibility (Principle #22)
- ✓Shadows — elevation samples; transition speed; link underline
- ✓Component presence — which components the site appears to have
- ✓Letter-spacing / tracking — heading & label (
--heading-tracking, --label-tracking)
- ✓Focus / outline ring — colour, width, offset (
--focus-ring*)
- ✓Motion / easing — transition timing-function (
--ease)
- ✓Container max-width — reading measure (
--container)
- ✓Section spacing rhythm — vertical section padding (
--spacing-section)
- ✓Accent gradient — captured gradient if present (
--gradient-accent)
- ✓Icon stroke weight — line-icon thickness (
--icon-stroke)
- ✓Capability flags — backdrop-filter (glass), clip-path, multi-column (detected as present; capabilities, not single tokens)
◻︎ Backlog — worth considering (surfaced by future teardowns)
- +mix-blend-mode & filter (blur, saturate)
- +CSS mask — masked shapes / reveals
- +conic-gradient (we capture linear/radial)
- +Sticky positioning & scroll-snap behaviours
- +object-fit, container queries, will-change, scroll-behavior
- +Anything new a teardown surfaces — the per-teardown "Worth considering" panel keeps this list growing.
Backlog items get added here whenever a teardown surfaces something notable, or when you flag one. Promoting an item means: capture it in the extractor → make it a library value/token → wire it into the renders — the same path line thickness and the halo just took.