Skip to content

Your AI writes the code. Reveals gives it a designer's judgement.

A hosted design knowledge service for AI coding tools. Connect it once, and every screen your AI builds starts from a design contract made for your product (structure, type, colour, states and languages) and is checked before you ship.

No card needed. Works with Claude Code and other MCP clients.

# Reveals contract — ready

## Brief
- Mode: **create** · product: **healthcare-clinic** (Clinic / healthcare) · family: app · surface: operate
- Platform: **web** (guided) · stack: not given
- UI languages: en (Latn, ltr), ar (Arab, rtl)
- Assumption: Platform assumed responsive web (none named).
- Jobs: schedule; record visit; review results safely · first phone screen: today's appointments + check-in

## Direction
`dna:healthcare-clinic:A:stepper-review:jakarta-hind:195` **A — native archetype** · composition `stepper-review` · navigation `sidebar-groups` · type `jakarta-hind` · palette 195/150 calm · radius 0.75rem balanced · motion `still`. Full tokens: reveals_directions. Avoid: colour-only warnings; playful motion; ambiguous icons for critical actions.
Styles that fit: `high-contrast-accessible`, `timeline-journal`, `calm-wellness` (reveals_styles).
Text fonts per script: arabic: Rubik, Noto Sans Arabic, Noto Naskh Arabic (reveals_fonts).

## Localization contract (`localization/core`)
- Typography: en: Inter or the direction's Latin face if it covers Latn and the accents in use; body 1.5 · ar: Noto Sans Arabic (IBM Plex Sans Arabic after a specimen test), body 1.85, heading 1.5, never letter-space (tested)
- Language is a per-person preference; it never changes currency, time zone, stock, order or invoice identity. Every string from a catalog with complete plurals.
What your AI receives when you ask for “a clinic booking app for patients in English and Arabic”. Real output of the service, shortened.

Why AI-built screens all look the same

Without guidance an AI coding tool reaches for the same defaults every time: a purple gradient, three feature cards, English-only text, a happy path with no empty, error or offline state. Reveals replaces those defaults with decisions made for your product.

From one sentence to a design contract

Your AI sends the request in your words, in any language. Reveals returns a typed contract: product type, platform, UI languages, market and currency kept separate, the states every screen needs, and the rules to follow. When something is unclear it asks at most three questions instead of guessing.

# Reveals contract — ready

## Brief
- Mode: **create** · product: **storefront** (E-commerce storefront / marketplace) · family: commerce-storefront · surface: persuade
- Platform: **web** (guided) · stack: not given
- UI languages: es (Latn, ltr)
- Assumption: Platform assumed responsive web (none named).
- Jobs: browse and compare; add to cart; checkout fast · first phone screen: category chips + product grid + sticky cart
A request written in Spanish that says “Spanish only”: the contract enables Spanish and nothing else. Real output, shortened.

A look no other product has

Design DNA covers 30 product types, from storefronts and school systems to point of sale and fintech. For a new product it proposes three structurally different directions (layout, type pairing, palette and motion) and remembers what you used, so your next product does not repeat it.

A landing-narrative|sora-noto|168-318|product-proof-frames|top-nav
B landing-narrative|outfit-nunito|168-318|menu-strip|top-nav
C editorial-story|schibsted-inter|168-318|menu-strip|sidebar-groups
The three directions Design DNA proposed for this website. Chosen from 105 named visual styles and 1,946 catalogued font families.

Built for many languages, not translated later

Arabic, Hindi, Bengali, Japanese and other scripts get the right fonts, line height and direction from the first screen. Language is a personal preference; it never changes the currency, the country or stored data.

موعدك في ٣٠ سبتمبر الساعة ١٠:٠٠. يمكنك تغييره حتى يوم واحد قبل الموعد.

Your appointment is on 30 September at 10:00. You can change it up to one day before.

Right-to-left layouts, script-aware fonts and complete translation catalogs are part of the contract.

Checked, not assumed

Your AI can send files for a design lint, check translation catalogs for missing keys and placeholders, and run a review. Every check reports pass, fail, not run or unsupported — never a green tick for something nobody checked.

  • transition-all
  • layout-transition
  • ease-in-ui
  • bounce-easing
  • scale-from-zero
  • scroll-listener
  • gradient-text
  • ai-gradient
  • side-tab
  • dark-glow
  • placeholder-names
  • tiny-text
  • outline-none
  • div-click
  • icon-button-label
  • img-dimensions
  • block-paste
  • no-zoom
  • vh-screen
  • literal-color
  • lang-attribute-selector
  • font-display-outside-font-face
  • string-reverse
  • label-branching
The rules the design lint rejects outright, exactly as the service returned them for one request.

Connected in three steps

  1. Create your account

    Sign in with your email. The 15-day free plan starts at once; no card is needed.

  2. Add Reveals to your AI tool

    Copy the server address and your personal key from the dashboard into Claude Code or any MCP client.

  3. Ask your AI to build

    Describe the product as you would to a designer. Your AI fetches the contract and the rules it needs, then writes the code.

What your AI can use

  • Design contracts from a one-line request, in any language
  • Design DNA directions for 30 product types
  • Page, component, commerce, data visualisation and device guidance
  • Font choice by script and role from 1,946 families
  • 105 named visual styles with their rules
  • Design lint, translation checks and evidence-based review
  • Saved project contracts, so every feature follows the same direction

What Reveals does not do

  • There is no chat window to learn. You keep using your own AI tool.
  • Reveals does not send your requests to any AI model. Your AI does the reasoning and the coding.
  • Your code stays in your project. Files you send for a check are checked and not kept.

Simple pricing

Start free. Pay for 30 days at a time, or for a year and get two months free.

Show prices for

We guessed this from your connection. Change it if it is wrong.

Free

$0

for 15 days

Everything in Pro for 15 days. Access stops by itself when the period ends; nothing is charged.

Start free

Pro

$4/ 30 days

$40 / 365 daysTwo months free

Full access for as long as your plan runs.

  • All tools and knowledge
  • Up to 600 tool calls a day
  • Saved project contracts
  • Knowledge updates while your plan runs
Buy Pro

Pay with .

Prices include VAT.

Choose automatic renewal or a one-time payment at checkout. You can turn automatic renewal off at any time in your dashboard; the days you paid for are kept.

Questions

All questions
What is MCP?

The Model Context Protocol is an open standard that lets an AI tool call outside services. Reveals is an MCP server: your AI tool connects to it and asks for design knowledge while it works.

Which AI tools does it work with?

Any tool that can connect to a remote MCP server. The dashboard has step-by-step setup for Claude Code and a general guide for other MCP clients.

Do you see or keep my code?

Only the files your AI chooses to send for a check are read, and they are not stored. Reveals keeps your account, your plan, daily usage counts and the project contracts you save.

What happens when the free period ends?

Access stops by itself at the end of the 15 days. Nothing is charged. Buy Pro at any time to continue; your saved projects are kept.

Give your AI a designer's eye today

15 days free. No card needed.

Start free for 15 days