Site redesign · Create pages

Redesign yoursite — or addpages to it.

One website address is the whole brief. Pixis reads your live site — its pages, services, photos, reviews and the design itself — then either rebuilds the lot, or writes the pages you are missing in the look you already own. Nothing goes live until you publish it.

Studio · draft

This project

Rebuilding a nine-page services site

Details confirmed
Direction picked
Plan approved
BuildStage 4 of 5

Pages

Home
Services
About
Service areaswriting
Contact
FAQ

Inside your design

Header & footer carried across

01

Learn

02

Build

03

Publish

Design profile

Measured, not guessed

Header & footer

Links carried across

Live site

Untouched until publish

0

ways in — rebuild the whole site, or add pages to it

0

stages you approve before a single page is built

0

real design directions to choose between

Two paths

Same starting point. Two very different jobs.

Both begin by pasting the website you already have. What happens next depends on whether the site needs replacing — or just needs more of it.

Path one

Redesign my site

Your site says the right things, it just looks its age. Pixis studies what you have — pages, services, photos, reviews — then rebuilds it with a new design and new copy.

Choose this when the whole thing needs to change.

DetailsDirectionPlanBuildSite

Five stages. You confirm what it learned, pick the look, approve the blueprint — only then does it build.

Path two

Add pages to my site

Your site is fine — it is just missing pages. Pixis learns the design you already have, rebuilds your header and footer link for link, then writes the pages you ask for in your own look.

Choose this when the site stays and the gap is pages.

DesignPagesPreview

Three stages. It measures your real site first, so a new page never looks bolted on.

You pick the path on the first screen after pasting your address — the two sit side by side as tabs, and you can start a second project on the other path any time.

Path one · Redesign

New design. Same truth.

Pixis does not invent a business for you. It reads the one you already run off your own site, shows you what it understood, and waits for your correction before it designs anything.

Five stages, always visible across the top of the app. Greyed out means not reached yet; you can go back to a finished one at any time, and going back changes nothing on its own.

Details

Confirm what Pixis learned about your business.

01

Overview, brand, locations, areas served, services, reviews. Read it and fix anything wrong — everything after is built on it. Your logo and your own font files go here too.

Business facts · Logo & fonts

Direction

Pick how it looks, from three real previews.

02

Not mood boards — three built directions. Choose one, tweak one, or ask for three new ones. Once you pick, the plan starts building from your choice.

Three directions · Your pick

Plan

Approve the blueprint before anything is built.

03

Remove pages you do not want, turn the blog on or off, or ask for changes in your own words. Nothing gets made until you press approve.

Page map · Blog on or off

Build

Watch it get made. Nothing to do here.

04

It keeps running if you close the tab. If a stage fails, Resume the build carries on from where it stopped instead of starting the whole thing again.

Runs in the background · Resumable

Site

The Studio — edit, review, publish.

05

Almost all your time will be here. Ask for changes in plain words, review what changed, and publish when you are ready.

Edit by asking · Publish when ready

Learn, then generate

How a page learns your site

Capture

measured

Loads your site in a real browser and measures it — computed styles for every heading level, colour and font histograms, container widths, the stylesheets it actually loaded.

Design profile

measured

Writes down the type scale, colour roles, spacing rhythm and component shapes it measured. A value it did not measure is a value it made up.

Chrome

measured

Rebuilds your header and footer as our own markup, carrying every one of your links across exactly.

Author

measured

Writes each page you asked for inside that learned design, checks it at five widths, and saves it as a version you can look at.

Learning happens once per site and is reused. Every costly stage is checkpointed, so a second run replays finished work for free and only what actually changed is redone.

Path two · Create pages

Pages that were always part of the site.

A new page fails when it looks like a new page. So Pixis does not guess your design — it loads your site in a real browser and measures it, then writes inside what it found.

Your type scale, colour roles and spacing rhythm, read off the real thing

Your header and footer rebuilt, carrying every link across exactly

Checked at five widths, saved as a version, live site untouched

In the Studio

Ask in your own words. It knows the vocabulary.

Your site is built out of named text roles and named moves, so you can ask for them by name instead of describing a feeling. Most people ask for far less than it can do.

Type

Text roles

“Make the hero headline a display role.”

Type

Eyebrows

“Add an eyebrow above this heading saying Since 1998.”

Type

Mobile sizing

“Drop the body text down a size on mobile.”

Motion

Marquee

“Give the logo strip a marquee.”

Motion

Count-up stats

“Count the stats up when they come into view.”

Motion

Ambient float

“Add an ambient float to the hero image — subtle.”

Motion

Parallax

“Let the background drift slower than the page.”

Motion

Word-mask reveal

“Wipe the headline into view.”

Section

Motion beat

“Set this section’s beat to signature.”

Every example lives in the Guide beside the message box, with a Try it button that drops the prompt in for you to edit.

Named moves

Motion you can ask for by name.

These ship with the builder rather than being hand-rolled per site. Ask for one by name and it lands with the timing already right — and it respects a visitor’s reduced-motion setting without you having to think about it.

1

Marquee

A scrolling band of logos or words

2

Parallax

Background drifting slower than the page

3

Count-up stats

Numbers that roll up as you reach them

4

Self-drawing line

A line that draws itself in

5

Word-mask reveal

Text wiping into view

6

Ambient

Gentle float, drift, pulse, sway or shimmer

The surfaces

One studio, whichever path you came in on.

Redesign and Create Pages are different pipelines, but they share the viewer, the editing engine and the publish step — so the place you end up is the same either way.

Before
After

Redesign

A site rebuilt from everything it already said — new design, same truth.

Measured from your site

H148 / 1.1
H232 / 1.2
Body16 / 1.6

Container

1200px · 24px gutter

Your header, carried across
HomeServicesAboutContact
New page

Create pages

New pages measured into the design you already own, down to the header links.

Give the logo strip a marquee, and count the stats up when they come into view.

Done — two sections changed.

Logo stripMarquee
Stats bandCount-up on enter

4.9

rating

43

reviews

24/7

callout

draft

The Studio

Ask for a change in plain words, see what changed, publish when you are ready.

Where you end up

Two ways in. One Studio.

Editing, reviewing and publishing work the same whether the site was rebuilt from scratch or grew by three pages. Almost all your time is spent here.

Edit by asking
Review what changed
Pages and SEO
Publish when ready

How it stays yours

It proposes. You publish.

A website rebuild is not a thing you hand over blind. Every stage produces something you can read, correct or reject before it counts.

Nothing goes live until you publish

Every stage is a draft you can open and read. Your live site stays exactly as it is until you press publish.

Close the tab, it keeps going

Builds run server-side. If a stage fails, Resume the build continues from where it stopped rather than paying for the whole run again.

You approve the blueprint

Remove pages, turn the blog off, or ask for changes in your own words — before a single page is built.

Measured, not guessed

For new pages Pixis reads your real stylesheets and computed styles. A value it did not measure is a value it made up.

One address is the whole brief

Paste your website. See what it could be.

It reads the site, shows you what it understood, and waits. Rebuild the whole thing, or just add the pages you are missing — either way your live site stays exactly as it is until you publish.