Build a landing page around one action. In your brand's colours and voice.

Site builder is a DFIRST skill that builds a landing page in your brand's colours, fonts and voice, around one idea and one action. Firsty, the DFIRST agent, starts from what your page can truthfully say, offers three ideas to pick from, then writes and builds the page with a footnote for every claim. Edit the words in the Web editor, or ask Firsty.

Facts on the page come from sources, with footnotes
Colours, fonts and voice come from your Brand DNA
One page, one action, no competing buttons

Works with

Examples. What you ask, what you get back.

A preorder page for the ZESTA Grapefruit 12-pack. One action: preorder. Use our summer photos.

Idea two of three, Pink summer, became the page. One button, three columns from the summer photos, and every claim, from the ingredients to the ship date, footnoted to its file.

zesta.example/preorder

The pink Grapefruit can by a pool with halved grapefruits

ZESTA

Grapefruit is coming.

Zero sugar, real grapefruit, light sparkle. Twelve cans at your door in June.

Preorder the 12-pack

Real fruit

Squeezed grapefruit, nothing sweet added.

Made for sharing

Twelve cans, enough for the whole picnic.

Ships in June

Preorders leave our Barcelona warehouse first.

Ingredients: zesta-grapefruit-spec.pdf. Ship date: launch-plan-june.pdf.

A launch page for the KINETRA trail shoe where runners sign up to get it first. One button only.

Lena picked Road to ridge out of three ideas. The page has a single sign-up button, and the weight and grip claims carry footnotes to the product sheet.

kinetra.example/trail

KINETRA

From the road to the ridge.

A trail shoe light enough to start on the pavement and grippy enough for the climb.

Get it first

Grips wet rock

5 mm lugs that hold on slick stone.

Light from the door

285 g in a men's US 9.

City to trail

The same shoe on wet streets and dry paths.

Lug depth and weight: kinetra-trail-product-sheet.pdf, p. 2.

A summer page for SOL CLUB SPF 50, built from these four photos. Visitors should find a store near them.

Built from the four photos sent with the request, in SOL CLUB's red. One action, find a store, and the no-white-cast claim footnoted to the lab report.

solclub.example/summer

SOL CLUB

Stay out longer.

SPF 50 that rubs in clear, for long days by the water.

Find a store

No white cast

Clear on skin within a minute of rubbing in.

Water resistant

Stays on through 80 minutes of swimming.

Fits the bag

A 100 ml tube for any beach bag.

No white cast and 80 minutes: sol-club-lab-report.pdf. Tube size: solclub.example/spf50.

How it goes. The same steps every time.

Firsty follows the skill’s steps in order and stops where the choice is yours. Nothing paid starts without your yes.

1
Firsty gathers the claims your page can make, each with its source
2
Firsty proposes three big ideas, each with a headline and one action
You pick one of the three ideas
3
Firsty writes the copy and plans three visual directions
4
Firsty shows the plan of materials and builds the page
Nothing paid starts until you press Start
5
You edit text in the Web editor, or ask Firsty for changes

Done when

Facts on the page come from sources, with footnotes
Colours, fonts and voice come from your Brand DNA
One page, one action, no competing buttons

At a glance.

What Site builder needs from you and what it hands back.

You bring: What the page is for and your materials: photos, clips, documents or research.
The brand: Colours, fonts and voice from your Brand DNA. With several brands in the workspace and none active, Firsty asks which one.
You get: The page on a Site card with its preview link, the idea and direction it follows, and one suggested next step.
Claims: Each fact on the page carries a footnote to where it came from.
Changes: Edit the words yourself in the Web editor, or tell Firsty what to change.
Paid steps: You see the list of materials it will make first; the paid work begins only when you press Start.

Part of this skill. Each task also has its own page.

When you ask for one of these on its own, Firsty runs it with this skill.

Landing page copy Give every section something worth saying.

Landing page From a simple brief to a page you can open.

Website mockup See the direction before you build.

Questions people ask.

About Site builder and how it fits the rest of DFIRST.

How do I build a landing page with AI?

Say what the page is for and the one thing visitors should do, and add any photos or documents you have. Firsty offers three ideas, each with a headline. You pick one, check the plan of materials, press Start, and the page is built in your brand's look with a preview link.

Why does the page have only one button?

A landing page works best when it asks for one thing: preorder, book or sign up. Two offers on one page split attention and weaken both. If you have a second offer, build a second page for it, with its own idea and its own action.

Can I edit the page after it is built?

Yes. Open the page in the Web editor and change headlines, lines and button text yourself, or tell Firsty in the chat what should change and where. Your brand's colours and fonts stay in place whichever way you edit.

Where do the claims on the page come from?

From your materials, your Brand DNA and any research you add. Before writing, Firsty lists what the page can truthfully say and where each point comes from, and the page shows those sources as footnotes. It does not make up prices, reviews or results.

Is the page published straight away?

No. You get a preview link on the Site card to check the page and share it for review. Nothing goes live without you, and when the page is done Firsty suggests one next step for you to accept or skip.

See all 27 skills