Design system & patterns
Ask for a soft shadow and you get your soft shadow. Autopilot reads the design system your site already has, then resolves every design question against it.
Read from your own work
Autopilot scans your pages, posts, Theme Builder layouts and Library — presets resolved, newest work weighted heaviest — and works out the shadows, radii, borders, spacing, type scale and palette you actually use. It proposes them as a scale, not an inventory. Adopt it in one click.
Resolvers, not guesses
Six domains — typography, colour, elevation, radius, spacing and sizing — each answering with a paste-ready Divi 5 attribute fragment at the correct root for the module you named. An adopted system outranks a token; a token outranks a mined convention; a mined convention outranks a default. The answer always says which it used.
Patterns & style guide
Ready-made section patterns bound to your palette, and a style-guide page built on request so the whole system is visible on one screen. Disagree with a role? Override it, and the override wins from then on.
From zero to a system
On an existing site, the sniffer reads your real pages and proposes the design system they already imply — adopt it, and it becomes the source of truth every later answer resolves against. On a fresh site, seed the type and spacing scales, set the colors, and create presets before the first page exists.
Why AI needs your tokens
Design tokens are the difference between AI pages that look like your site and AI pages that look like AI. When Claude builds a page, it resolves colors, type and spacing from your adopted system — not from a model’s taste. Included in every paid plan, from $99/year.
Once adopted, the system compounds: every preset referenced instead of restyled keeps pages consistent, every token swap restyles the whole site at once, and drift — the slow divergence that makes year-three sites feel patchwork — shows up in the design audit as a finding instead of arriving later as a client complaint.