> ## Documentation Index
> Fetch the complete documentation index at: https://docs.regards.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Real website sections for your agent to design from, searched by how they look.

export const Regards = ({domain = false}) => <span style={{
  whiteSpace: 'nowrap'
}}>
    <img src="/logo/mark.svg" alt="" noZoom className="regards-mark" style={{
  display: 'inline-block',
  width: '1.1em',
  height: '1.1em',
  margin: '0 0.22em 0 0.04em',
  verticalAlign: '-0.22em',
  borderRadius: 0,
  boxShadow: 'none'
}} />
    {domain ? 'regards.design' : 'regards'}
  </span>;

<Regards domain /> is a hand-picked index of real website sections: heroes, navigation, feature grids, pricing, footers and 23 more kinds, from 360+ sites (portfolios, agencies, SaaS, fashion, editorial). Every section is screenshotted and read for its layout, type, colour, imagery, motion and how new it is.

The MCP server lets your agent search it the way you would brief a designer, look at the screenshots, and come back with real references, each linked to its page on <Regards domain /> and to the live site.

## What it's for

* **A direction before you design.** A website, a landing page or one section: see how real sites carry a look before you commit to it.
* **References for one part.** A pricing table with a highlighted plan, a footer with a giant wordmark, testimonials as a wall of posts.
* **A brand's look or a design system.** Type, colour, layout and components from sites that feel right, to derive your own.
* **Lookalikes.** Sites like one you admire, and more like the sections you picked.

## How it works

| | |
| - | - |
| Server | `https://mcp.regards.design/mcp`, over Streamable HTTP |
| Sign-in | OAuth: your agent opens <Regards domain /> and you click Allow. Nothing to paste. |
| Plans | Agents come with Pro and Studio, and search on your plan as you do on the site. |
| Tools | Five, all read-only: find sections, see one, read one, a whole page, and more like these. |

**Brief it with Deep.** For a look or a mood, "not X", sites like a named one, or several constraints at once, ask your agent for a deep search. It takes about a minute and uses one Deep credit. Instant answers in seconds, for quick lookups. [Instant and Deep](/deep) has the details.

<CardGroup cols={2}>
  <Card title="Connect your agent" href="/connect">
    Claude, ChatGPT, Cursor, Codex, Grok, Figma or any MCP client.
  </Card>

  <Card title="Instant and Deep" href="/deep">
    Which search to ask for, what it costs, and the plans.
  </Card>

  <Card title="Tools" href="/tools">
    The five tools, their parameters and what comes back.
  </Card>

  <Card title="Example prompts" href="/examples">
    Briefs to start from.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.