Refero Styles
2,000+ real product sites reverse-engineered into DESIGN.md files — the tokens behind the look, written for a coding agent to read.
Why this pattern works
Stealing a proven token system instead of a screenshot. Every style page breaks a real site down into named colours (brand, accent, neutrals, with the hex or gradient), a type scale with its ratio, line-height and tracking, a spacing base unit plus max-width and radii, component specs, and explicit do/don't rules — then hands you the whole thing as Tailwind v4, CSS variables, or one Copy .md button. Search or sort by Trending / Popular / Newest, or start from a chip (Minimal Design, Clean SaaS, Editorial Type, Soft Gradients, Monospace UI, High Contrast). This is the shelf for 'make it look like Linear/Apple/GSAP' when you want the actual values, not a vibe. Still in beta. Sibling of Refero itself, which covers flows and screens rather than tokens.