A fan of paint swatch cards spread like a hand of playing cards, one card pulled forward
Look & feel1 min read

Tidy up the layout

You can feel when a page is untidy - things slightly misaligned, gaps too big in one place and too small in another - even if you can’t name the problem. On a bernard-hosted site, naming it is the AI’s job, not yours.

The prompt

“Tidy up the layout of [the page that bothers you, or ‘the whole site’] - fix uneven spacing, line things up, and make it feel calmer and easier to scan. Tell me what you plan to change before you edit anything.”

Signed in, Get my prompt fills in your site for you. Otherwise press Copy and fill in the [bracketed] parts. First time? Connect your AI to bernard once: Use your own AI (opens in a new tab).

How it works

  1. Connect bernard to your AI (once). Log in to bernard, open your site, go to Use your own AI, and paste the setup prompt into your AI to connect it - a one-time setup.
  2. Paste it into your AI - ChatGPT, Claude, Gemini, whichever you already use - then ask in your own words, or use the prompt below.
  3. Approve. The AI sends back a preview link. Compare it with the live page, press Approve, and it’s live.

Spacing and alignment are pure CSS, which the AI edits directly - and because it follows your site’s existing styles rather than inventing new ones, a tidy-up makes the page more itself, not different.

Just one page, or the whole site

Say which you mean. “Tidy the About page” changes the About page only: the AI marks that page once and writes the new style for it alone, so it applies on computers and on phones and no other page moves. “Tidy the whole site” changes every page. If you’re not sure, ask the AI to tell you which pages a change will touch before it makes it.

Questions people ask

How do I fix a messy-looking website page?
If your site is hosted with bernard, you don’t have to diagnose what’s wrong - just tell your AI (ChatGPT, Claude or Gemini) the page feels cluttered or cramped. It reads the page, adjusts spacing and alignment, and sends a preview for you to approve before anything goes live.
Can the AI tell me what looks off before changing anything?
Yes - ask it to look at the page and list what it would improve, then choose what to go ahead with. It only changes what you agree to.
What if the tidy-up changes something I liked?
Nothing is published until you check the preview and press Approve. If you preferred how a section was before, reject the change and say so - and bernard keeps the last 100 published versions of your site, so even an approved change can be rolled back.
Can I change the spacing on just one page?
Yes. Name the page - “give the hero on my About page more room at the top”. The AI makes the change for that page only, on computers and on phones, and leaves every other page as it is. Ask for the whole site and it changes every page instead.

Next