{
  "slug": "refero-styles",
  "name": "Refero Styles",
  "url": "https://styles.refero.design/",
  "cat": "core",
  "group": "design",
  "tagline": "AI-readable design-token library",
  "price": "Free (beta) · parent site $12/mo",
  "tier": "free",
  "pick": true,
  "what": "2,000+ design systems reverse-extracted from real production sites and packaged as structured DESIGN.md files documenting colors, typography, spacing and motion. Filter by brand, mood (minimal, editorial, playful), palette or typeface.",
  "why": "<b>The single highest-leverage free thing on this list.</b> Instead of telling Claude 'make it feel editorial', hand it exact tokens from a site whose type you admire. Filter by the editorial mood, paste the DESIGN.md as project context, then have Lovable generate to those tokens. An official Refero MCP and two community MCP servers exist.",
  "install": "paste DESIGN.md into project context",
  "category": {
    "key": "core",
    "name": "Core design stack",
    "desc": "The foundation your project sits on, and the pieces that re-skin it wholesale.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": null,
    "checked_at": "2026-08-18T21:22:12.874+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}