Refero Styles
DESIGN.md files reverse-engineered from real product sites, for agents
Refero Styles is a browsable library of design systems extracted from real product websites and published in formats a coding agent can consume. Each style page documents the palette, type scale, spacing and radii, elevation, component specs, layout rules, and do/don't guidance, then exports the same system as DESIGN.md, Tailwind v4 config, CSS variables, or design tokens. Around 1,000 style pages are in the sitemap (the site claims 2,000+), grouped by curated collections such as clean SaaS, fintech, devtools, editorial, and dark-mode websites, plus a set of DESIGN.md explainers and prompt guides for Cursor, Claude Code, and v0. It exists so an agent has real design taste on hand before it writes UI.
Pull one style page's DESIGN.md into the repo at the start of a UI task instead of prompting 'make it look like Linear' — you get a fixed palette, type scale, and spacing rules the agent can re-read on every later edit, which is what stops drift across sessions. The Tailwind v4 and CSS-variables tabs are the fastest path: paste them straight into the theme layer rather than re-deriving tokens from the prose. These systems are reverse-engineered from named companies, so use them as a reference for structure and proportion, never ship a client's brand as a clone of Duolingo or Mercury.
Why it is here. It turns 'design taste' into a version-controllable file, which is the missing input in almost every agent-built UI.
- ~1,000 style pages in the sitemap
- DESIGN.md, Tailwind v4, CSS vars, token exports
- curated collections by industry and style
- Refero MCP for Cursor/Claude/Windsurf
- no login to read a style
Verified 2026-08-15. HTTP 200. https://styles.refero.design/ , https://styles.refero.design/sitemap.xml , https://styles.refero.design/sitemaps/styles.xml (1,000 /style/<uuid> URLs), https://styles.refero.design/sitemaps/collections.xml (50 collection pages, listed by name), https://styles.refero.design/style/e549766e-b8b1-48a2-bd72-8cc04e9e4e9d (individual page structure and export tabs), https://styles.refero.design/design-md/what-is-design-md. /styles 404s. Pricing for Refero MCP could not be verified.
