Loom HYBRID DESIGN BUILDER
Design brief

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

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

Colours

BRAND COLORS · up to 6

Colours steer the generated design tokens. Upload a logo in Design brief and its dominant colours appear here as suggestions — click one to add it.

SEO keywords

Keyword research data · Ahrefs / GSC

Per-page primary keywords (set in Site map) drive the title tag, meta description, H1, slug and schema. Location adds LocalBusiness JSON-LD. Import auto-detects the keyword column (dates/numbers are skipped); assign each keyword to a page (its primary) or leave it sitewide — or let ✦ Suggest mapping propose it — then Apply.

Site map

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.

Functions & versions

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

VERSIONS · snapshots

Snapshots every finished page under a name. Keep editing freely — restore any version later (it replaces the canvas, so save first if you want to keep current work). Stored in this browser, up to 8 per project.

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.

SEO RECOMMENDATIONS · this page

Reviews this page against its primary keyword (set in Site map) and proposes a title tag, meta description, H1 and H2 rewrites. Nothing changes until you click Apply — per line or all at once. Research pasted in the SEO keywords section (left) grounds these proposals with real numbers.

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.