NAME IT BRAND IT LAUNCH IT

ONE BRIEF / BUILT TOGETHER Start with your idea
Start with your idea

TOOL_03 / SITE_BUILDER

Website Builder

STATUS / Available

Website Builder turns the shared brief, identity and offer into a coherent first site direction. Structure, copy, colour and imagery begin connected, then stay open to your judgment.

Start with a brief
See how it works

01 / THE TASK

Starting from an empty template forces founders to make structure, copy and design decisions separately, often before the message is clear.

EXPECTED_OUTPUT

A complete first site direction connects structure, copy and visual identity around one clear customer journey.

READY_TO_REFINE

02 / CAPABILITIES

What this module
helps you do.

A focused set of moves, connected to the same source brief.

  1. 01

    Shape the journey

    Organise pages around what visitors need to understand and do.

  2. 02

    Draft on-brand copy

    Start from the chosen offer and voice rather than generic filler.

  3. 03

    Apply the identity

    Carry colour, type, imagery and component rhythm into the interface.

  4. 04

    Refine every part

    Edit the structure and language wherever the first render needs your hand.

03 / WORKFLOW

A visible route
from input to output.

Each step keeps the work clear, connected and easy to build on.

  1. STEP_01

    MAP

    Choose the audience, goal and pages the first release needs.

  2. STEP_02

    DRAFT

    Generate a connected structure and editable first-pass copy.

  3. STEP_03

    STYLE

    Apply the chosen identity and responsive component system.

  4. STEP_04

    REFINE

    Improve the copy, hierarchy and interactions around the way visitors use the site.

04 / OUTPUT MANIFEST

What leaves the module.

A coherent working direction you can develop, share and carry into the next step.

GPF_OUTPUT.JSON5 ITEMS
  1. A proposed page and navigation structure.
  2. Editable first-pass website copy.
  3. A responsive visual direction.
  4. Connected calls to action and content hierarchy.
  5. A focused refinement plan for the next build step.
STATUS / READY TO BUILD ON

05 / USE CASES

Useful in
real working contexts.

The system adapts to the job, so each business keeps its own character.

USE_CASE_01

A focused first site

Explain the offer and make one next action obvious.

USE_CASE_02

A service refresh

Bring old pages back under one clearer message and system.

USE_CASE_03

A campaign route

Create a concise destination that still feels like the parent brand.

06 / WHY IT HELPS

Less fragmentation. More intention.

  • No blank page

    A complete first direction is easier to judge.

  • One voice

    The copy and interface share the same source.

  • Faster refinement

    A complete direction makes feedback specific and useful.

07 / QUICK ANSWERS

Before you open the module.

A few useful details before you start.

01Can I edit the generated site?

Yes. Refine the structure, copy and visual direction until the site feels distinctly yours.

02Does it use my existing brand?

Yes. The builder carries your brief, voice, colours, type and imagery into the first site direction.

03Does it include a mobile layout?

Yes. The direction is designed responsively so the hierarchy and key actions work across screen sizes.

08 / NEXT MODULE

09 / BRIEF_INPUT

Put the useful context in the box.

Describe the business, the audience and the direction you want Website Builder to help move forward.





Share what you are building, who it is for and what you want this module to make clearer.

TOOL_03 / READY

Build your first site.

Bring the idea. Shape the next move.

Use the generator

Cookie settings