Style With AI: Standard SplashPage

Overview 

Style with AI is a feature in the standard splash page editor that styles a splash page from a website URL. You paste in a homepage (your customer's site, their brand site, anywhere their branding lives), and the AI fetches the page, picks out brand colours and fonts, grabs a logo, and offers them back as suggestions. You then tick the bits you want and apply them — nothing changes on the splash page until you do.

It's designed to short-cut the "open the brand book, copy hex codes one at a time, hunt down a logo" loop that you'd otherwise do by hand when setting a new customer up.

This guide covers:

• Where to find the Style with AI button in the splash page editor
• How to run an extraction against a homepage URL
• How to read the suggestions and pick what to apply
• What gets changed when you apply, and what's left alone

By the end of this guide you'll be able to style a fresh splash page from a brand URL in under a minute.

Where to find Style with AI 

Open the splash page you want to style from the splash pages list. Style with AI is available on standard splash pages in the new editor — it doesn't appear on Custom HTML pages or in the legacy editor. The Style with AI button sits in the top-right of the editor header, next to the Save button.

Get styles from a website

Click Style with AI to open the Style with AI modal.

Paste a homepage URL into the Website URL field. 

This should be the brand's main public site — anywhere their logo, colours and fonts are on display. For example:

• https://www.nandos.co.uk
• https://www.greggs.co.uk
• https://www.pizzaexpress.com
   

Click Generate to start the extraction.

While the tool runs, you'll see a progress view with four steps:

1. Fetching <hostname> — pulling the page
2. Reading the page — extracting the relevant signals
3. Identifying colours and fonts — picking the palette and typography
4. Picking the logo — choosing the best logo from any candidates found on the page
    

A hint under the title reads "This usually takes 15–30 seconds." If the site doesn’t conform to the tool’s expectations, and the extraction passes the 30-second mark, the hint changes to "This one's tricky – taking a different approach." and a fifth step ("Trying a different approach") is added — this is a normal fallback path, not an error.
 

Reviewing the suggestions 

When the extraction finishes you'll see a summary view organised into three sections — Colours, Fonts and Logo. Each section shows what's currently on the splash page on the left and what the AI is suggesting on the right.

The subtitle on each section reads current → suggested so you can match a row to the splash-page slot it'll change.

Each section header tells you how many fields the AI has a suggested change for and how many it would leave unchanged. For example:

• Colours · 6 changes • 1 unchanged — six colour slots have a new suggestion, one already matches and won't be touched.
• Fonts · 3 unchanged — all three font slots match what's currently selected.
• Logo — appears when a logo was found and is different from the one currently on the splash page.

Picking what to apply 

Each suggested change has a checkbox at the start of the row. Tick the changes you want to apply; untick anything you'd rather keep as-is.

• Rows that are unticked are faded out so you can tell at a glance what's coming through and what isn't.
• Rows marked Unchanged on the right aren't selectable — the AI's suggestion already matches what's on the splash page.
• Use Deselect all / Select all at the top of a section to flip every row in that section at once.

Each colour row shows the current hex value (with its opacity, if it's not 100%) and the suggested hex value side-by-side with a coloured swatch, so you can sanity-check the choice before applying.

Each font row shows the current font family and the suggested font family — pick from the brand's site, with sensible fallbacks behind the scenes.

The logo row shows the current logo and the suggested logo as thumbnails. If the new logo is just the existing logo (no change found), the row shows both sides the same and isn't editable.

Applying the changes 

When you're happy with what's ticked, click Apply at the bottom of the modal. The modal closes and the splash page editor updates with all the ticked changes applied — colours, fonts and logo all update in the live preview at once.

The changes are local until you click Save in the editor header — so if you want to back out, just close the editor without saving.