Skip to main content

What is Refero

Refero is a design research layer for AI products: curated visual styles, real product screens, and user flows from top web and mobile products. Each reference includes structured metadata your product can use before generating UI. If your product generates or assists with UI, Refero gives it real-world references to learn from. Instead of producing generic layouts, your AI studies what Stripe, Linear, Notion, and thousands of other products actually ship — and uses that to make better design decisions.

What you get

  • Curated design styles — visual systems extracted from real product and marketing pages: typography, color roles, spacing, surfaces, components, imagery guidance, and do/don’t rules.
  • Thousands of real screens — dashboards, pricing pages, onboarding, checkout, settings, paywalls, empty states, and more. Sourced from shipped products, not templates.
  • User flows — step-by-step journeys: sign-up, purchase, onboarding, account management, cancellation, and more. Your AI sees the full context, not isolated screens.
  • Structured metadata on every screen — description, page type, UX patterns used, UI elements present, layout breakdown, fonts. Your AI reads the blueprint before it looks at the image.
  • Semantic search — search by visual direction, page type, UX pattern, industry, company, component, state, or plain language.
  • MCP protocol — integrates via Model Context Protocol, the open standard for connecting AI to external data. Tools cover styles, screens, screenshot images, similar screens, and flows.
  • Volume pricing — limits scaled to your product’s usage. Weekly updates with new screens and flows.

Use cases

AI design tools — Your AI generates interfaces? Give it real products to study first. It sees how top companies solve the same design problem, extracts patterns, and applies them. The output goes from “looks AI-generated” to “looks designed.” Website and app builders — Templates get stale. With Refero, your builder can ground generated pages in current visual systems and real-world product patterns. Code generators — Frontend code quality improves when the AI knows what a real dashboard, settings page, or onboarding flow actually looks like. Refero provides that context with structured data, not just screenshots. Design research platforms — Add structured design data to your product: style systems, page types, UX patterns, UI elements, typography choices, and journey logic across real products. Internal tools and design systems — Teams building internal products can reference how top products solve the same problems: data tables, filters, role management, notifications, empty states.

Let’s talk

Every integration is different. We’ll discuss your use case, expected volume, and find the right setup. For usage-based pricing, we can offer $0.001 per request with a $2,000 minimum commitment. That gives you 2,000,000 requests to start.

Get in touch

Write to mike@refero.design and tell us about your product.

Learn more

Getting Started

Set up Refero MCP in minutes — try it yourself before integrating.

Tools

Full reference for current MCP tools.