Adapt to another domain
A prompt that takes a product into a different field, such as a bank's home page from a marketing theme, with its design system kept.
Sometimes the product is right and the subject is not. You want a bank's site from a marketing theme, or a clinic's booking flow from a restaurant product. This is the adapt mode.
- Fixed: the design system. Type scale, spacing rhythm, surfaces, radii, palette roles and motion language.
- May change: structure, sections, content, data patterns and trust signals.
- The domain comes first on substance. A bank needs rates, fees, tables and legal notes before it needs the product's testimonials.
Tone moves through palette roles and imagery. It never moves by adding a font, a radius or a shadow style.
Adapt a product#
TemplateAdapt to a domain
Using Orvio, adapt sotto to a retail bank's home page. Mode: adapt. The design system stays exactly as the product defines it: type scale, spacing rhythm, surfaces, radii, palette roles and motion. Structure, sections, content and data patterns may change.
1. Call get_product with "sotto", read the publisher's notes for agents (agent/instructions.md) if there are any, and call read_tokens. Write down the type sizes, spacing steps, surfaces, radii and palette roles in use.
2. Call get_page for the closest page and get_component for the components you might reuse.
3. Before you design, list what a bank needs: accounts, rates and fees, comparison tables, legal notes, regulator and deposit-protection lines, security cues. Turn each item into a section or component built only from the tokens.
4. Make figures readable at a glance: tabular numbers, aligned decimals, units. Keep legal text present and legible. Meet WCAG 2.2 AA for contrast and focus.
5. If the product's mood fights the domain, use a calmer palette role for large surfaces and keep the accent for actions. Do not add a font, a radius or a shadow style.
6. Every new component must look no newer, heavier or more generic than the product's own components beside it.
Use my wording for legal text and my real figures. Do not invent rates, fees or regulator names. Replace the product's example content and read its licence first.
Finish by rendering your page and the product's closest page at 1440 and 390 wide, side by side, and list any difference in the design system.
Works with MCP or CLI·Replace the highlighted parts
With the skill: it names the mode, lists the domain's needs as a step before design, and runs the adapt checklist, including that each new component sits beside its nearest relative without looking newer.
Good to know#
- Bring the real content. The agent can lay out a rates table. It cannot know your rates or what your regulator requires.
- Adapt is stricter than it looks. If you also want a different look, you want Take inspiration.
- The licence still applies. See The licence in practice.