Loom HYBRID DESIGN BUILDER

BRIEF

Documents · company profile, brand guide

Each document is distilled once by the AI into a compact brief digest (uses your API key). The digest — not the raw file — feeds every generation, so big files don't slow builds or eat tokens. Click a document to view its digest. Up to 6 · PDF max 30 MB.

BRAND

Colors

Logo

none

REFERENCE SITES · weight ▸

1–5 sites the client likes. The AI reads layout, tone and rhythm as directional cues (needs web-fetch access on your key; otherwise used as named influences).

MOODBOARD

Drop screenshots here or click to upload

FOCUS AREAS

GOAL & CTA

PAGES · up to 10

Home generates first (with variations). Then Build site creates the rest in the same design system. Internal links use these filenames — the WP importer rewrites them to permalinks on import.

SEO

Per-page primary keywords (set in PAGES) drive the title tag, meta description, H1, slug and schema. Location adds LocalBusiness JSON-LD. Import reads column A of your sheet; assign each keyword to a page (its primary) or leave it sitewide, then Apply.

FUNCTIONS

Forms export as clean HTML with a WP-shortcode swap note (or post to your endpoint if set). WhatsApp/booking CTAs work as-is. Accordions, tabs and sliders are generated dependency-free.

HOME VARIATIONS

click to select · double-click to edit text · esc to deselect

Describe it.
Then take the wheel.

Fill the board on the left — brief, brand, references, goal — and generate an on-brand first draft. Every element stays editable: click anything, restyle it, or refine it with a scoped prompt.

1 · Brief2 · Generate3 · Direct-edit4 · Refine5 · Export → WP

SELECTION

Nothing selected. Click any element on the canvas to inspect and edit it — or use the AI edit below on the whole page.

AI EDIT — PAGE

DESIGN TOKENS

Tokens appear after generation — change once, propagate everywhere.

PAGE CHECKS · SEO / UX / a11y

Checks run automatically on each generated page — title, meta, headings, alt text, CLS-safe media, schema, labels.

All projects

Every project autosaves its brief, brand, pages and edits in this browser. Open one to continue where you left off.

Saved in this browser on this computer (localStorage). Clearing browser data removes them — export your zip when a site is final.

Anthropic API

Your key is stored only in this browser (localStorage) and sent only to api.anthropic.com. Get one at console.anthropic.com.

Team server (optional)

If your team runs a Loom server, fill these in — Loom then uses the company key on the server (no API key needed above) and shares the project library with your team.