Bring your own design

If you want a one-of-a-kind site, you can design it yourself (or with a designer) using an AI design tool and hand the result to Get Bookable as a handoff bundle — a single file the design tool exports. We import it and serve it as your live site.

New to this? The friendly, step-by-step version is Design your own site with AI. This page is the big-picture overview, and the two companion pages go deep:

• Designer guide — the practical workflow for using Claude Design or Google Stitch.
• System prompt for Claude Design / Stitch — the exact brief you point the design tool at.

What a handoff bundle is

A handoff bundle is a .tar.gz export from the design tool that follows our handoff contract. The contract defines the canonical file names, the set of content blocks, and where the user-visible content lives. Our importer is deliberately mechanical: it reads the bundle by exact file name, validates it against the contract, uploads your images, and builds your pages. It does no guesswork — if the bundle doesn't match the contract, the import is rejected with a precise error (the file, line, and rule that failed) so it can be fixed and re-exported.

The single source of truth for the rules is the contract itself, served at /handoff-contract.txt. Designers don't need to memorise it — the system prompt instructs the design tool to follow it.

The workflow at a glance

1. Brief the design tool. Start a Claude Design or Stitch session and point it at the canonical brief (the system prompt). See the designer guide for the exact wording.
2. Design your site. Iterate until you're happy. The design tool keeps to the file names and content structure our brief describes, so you can focus on how it looks.
3. Export the bundle. Trigger the design tool's "hand off to coding agent" export to produce the .tar.gz.
4. Upload it. On the Design your site onboarding step, choose Bring your own design and upload the bundle. It is validated before you reach the plan step, so you find out immediately if anything needs fixing.
5. Go live. Once your plan is active the site is built from your bundle.

Re-importing later

You can refine your design and re-import at any time — your admin edits are kept, untouched sections update, and any conflicts are yours to resolve. See Re-import & update your design for the full walkthrough (including what template sites do).

If an import is rejected

Rejections are specific, not vague. The error names the file and the rule that failed — for example a missing canonical block file, content placed outside the expected data block, or an asset that's too large. Fix the design, re-export, and upload again.

Some features ship to your live site only on a bundle import — most notably the in-page Stripe payment step. If you enable payments after going live, re-import your bundle so the payment step appears on your booking page.