Refero Styles

DESIGN.md files reverse-engineered from real product sites, for agents

Tier S · Best in classDesign MdDirectoryReferencestyles.refero.design

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License: Unknown
Pricing: Free
Framework: Not applicable
Styling: Tailwind CSS v4, CSS custom properties
Distribution: Web app / online tool, MCP server, Browse-only gallery or archive
Platform: Web
Content type: Design tokens / theme files, Prose / writing, Screenshots / screens
Agent readiness: MCP server, Structured documentation, Exports design tokens, Ships a ready LLM prompt, Machine-readable index
Accessibility: Not applicable
Maturity: Actively maintained
Pricing detail: Style pages read freely with no paywall or login; the Refero MCP upsell has no price shown on this subdomain

Helps you build

Homepage Pricing Website Onboarding Web App Settings Web App

Notable for

~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

Provenance

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.

Also in Agent Design Tooling

styles.refero.designTier S