00

DESIGN SYSTEM

One system. Every new page.

Every colour, text style and component this template is built from, on one page. Give it to the Agent as the reference when you build something new, and the new page comes out looking like the rest of the site.

/design-system

Type this in the Agent panel with your prompt to build your first page from this system.

Recommended model: GPT 5.6 Sol or above.

01

COLOURS

Fourteen tokens. Nothing hard-coded.

Every fill, border and text colour in the template points at one of these. Change a token and it changes everywhere it is used.

Background

NEUTRAL

rgb(11, 15, 11)

Panel

NEUTRAL

rgb(19, 26, 20)

Tile 2

NEUTRAL

rgb(14, 20, 15)

Heading

NEUTRAL

rgb(255, 255, 255)

Paragraph

NEUTRAL

rgb(163, 163, 163)

Brand V1

BRAND

rgb(18, 54, 36)

Brand V2

BRAND

rgb(190, 240, 168)

Brand V3

BRAND

rgb(213, 253, 201)

Element V1

NEUTRAL

rgba(213, 253, 201, 0.06)

Element V2

NEUTRAL

rgba(213, 253, 201, 0.11)

All Borders

NEUTRAL

rgba(213, 253, 201, 0.08)

Line 2

NEUTRAL

rgba(213, 253, 201, 0.14)

Transparent

NEUTRAL

rgba(255, 255, 255, 0)

Error

UTILITY

rgb(255, 122, 122)

02

TYPOGRAPHY

Eleven roles, one typeface.

Six heading levels, four body sizes and one mono label. Every text on the site uses one of these.

Ag

Headings/Heading 1

h1 · 80px · 0.95em

Ag

Headings/Heading 2

h2 · 48px · 1.08em

Answers that get cited

Headings/Heading 3

h3 · 30px · 1.15em

Answers that get cited

Headings/Heading 4

h4 · 20px · 1.25em

Answers that get cited

Headings/Heading 5

h5 · 18px · 1.3em

Answers that get cited

Headings/Heading 6

h6 · 16px · 1.35em

The engines answer for you

Body/Text Large

p · 22px · 1em

We track what the engines say about you, then change it.

Body/Text Lead

p · 17px · 1.5em

We track what the engines say about you, then change it.

Body/Text Main

p · 16px · 1.5em

We track what the engines say about you, then change it.

Body/Text Small

p · 13px · 1.35em

ANSWER ENGINE OPTIMISATION

Body/Mono Label

p · 11px · 0.08em tracking

03

COMPONENTS

Every component, one card each.

Each card shows the component in its main state. Point the Agent at the one you want and it reuses it instead of drawing something new.

Cards

repeatable content blocks

0+

Brands placed in AI answers

Since 2024

0+

Brands placed in AI answers

Since 2024

0+

Brands placed in AI answers

Since 2024

Stat Card

Component

/01

Why us

Senior team only

The people who audit your answers are the people who fix them.

Benefit Card

Component

Emily Roberts

Head of Answer Strategy

Team Card

Component

01.

1 week

Audit the answers.

We run your buyers’ questions through every engine and log who gets recommended today.

Step Card

Component

Info Card

Component

Wins a spot in a list of blue links.

Versus Row

Component

SEO

Search engines

Wins a spot in a list of blue links.

Optimizes keywords, backlinks, speed, structure.

Measured in rankings, impressions, click-through.

Brings visitors who are still comparing options.

Versus Column

Component

01

Timeline: 4 weeks

Audit.

Popular

One product line, tracked across every engine.

AI visibility audit

25 tracked prompts

Entity & schema fixes

30-day report

Handoff & docs

Pricing Card

Component

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share Card

Component

Where you show up

Every engine

Inside the answers buyers already trust.

No ads, no tricks — we make your facts the ones engines cite when someone asks who to choose.

ChatGPT

Perplexity

Gemini

Claude

AI Overviews

Copilot

Grok

+ 10 more

Engines Card

Component

Sections

full-width blocks, shown at page width

01 / Section

Section title on two lines.

One or two sentences that set up the section, no longer than two lines.

Section Head

Component

Navigation

Component

Footer

Component

01.

1 week

Audit the answers.

We run your buyers’ questions through every engine and log who gets recommended today.

02.

2 weeks

Fix the facts.

Entity pages, schema and answer blocks, so every engine finds one clear, consistent story.

03.

6 weeks

Earn the citations.

Mentions in the reviews, listings and expert sources each engine already trusts.

04.

3 weeks

Track and tune.

A monthly share-of-answer report, and we adjust pages and prompts based on what moved.

Process Section

Component

08 / Pricing

Three ways to start, each with a fixed price.

Every engagement starts with a fixed scope and a fixed price. You approve the plan before we touch a page.

Monthly

Annual

(save 20%)

01

Timeline: 4 weeks

Audit.

One brand, every engine.

AI visibility audit

25 tracked prompts

Entity & schema fixes

30-day report

Handoff & docs

02

Timeline: Monthly

Partner.

Popular

Monthly work, on retainer.

100 tracked prompts

Monthly content & schema

Citation outreach

Share-of-answer report

Priority support

03

Timeline: Ongoing

Scale.

A full team, every market.

Unlimited prompt sets

Multi-market coverage

Digital PR & data studies

Dedicated strategist

Weekly reporting

Pricing Section

Component

What is answer engine optimization?

How is this different from SEO?

How long until we show up in answers?

What’s included in the discovery call?

Which engines do you cover?

Do you use tricks or generated spam?

What do you need from us?

Are we locked in after the programme?

FAQ List

Component

What is answer engine optimization?

FAQ Item

Component

Fixed quote after the discovery call · no hourly billing

Contact Form

Component

04

CODE COMPONENTS

Five coded pieces, edited like any other.

These carry the interaction the canvas cannot. They follow the text styles and colour tokens above, and their content is a list on the instance.

0.0

Animated Counter

Code

Logo Slider

Code

AI visibility audit.

/01

AI visibility audit.

We ask ChatGPT, Perplexity and Gemini the questions your buyers ask, and log who gets named, who gets cited and where you are missing.

  • Prompt tracking
  • Citation map
  • Competitor share
  • Gap report

Services

Code

Northbank

Case 01 / 04

Live

2026 · 8 week programme · Live · Helpdesk SaaS

Northbank.

  • AI Overviews
  • ChatGPT
  • Comparison pages

Challenge

Before

Ask any engine for “the best helpdesk for small teams” and Northbank never came up. Two larger competitors owned every answer, and the sales team heard it on calls.

Impact

After

62%

Of tracked buyer prompts now name Northbank, up from 4 %.

5.0 / 5

Verified review

“Prospects arrive already knowing us. The engines do the first call now.”

Priya Nair

Head of Marketing

Case Studies

Code

5.0 / 5

Verified review · 01 / 06

“The monthly share-of-answer report is the clearest marketing number our board has ever seen.”

Luca Romano

Product Lead

Luca Romano

Luca Romano

01

Reviews

Code

00

DESIGN SYSTEM

One system. Every new page.

Every colour, text style and component this template is built from, on one page. Give it to the Agent as the reference when you build something new, and the new page comes out looking like the rest of the site.

/design-system

Type this in the Agent panel with your prompt to build your first page from this system.

Recommended model: GPT 5.6 Sol or above.

01

COLOURS

Fourteen tokens. Nothing hard-coded.

Every fill, border and text colour in the template points at one of these. Change a token and it changes everywhere it is used.

Background

NEUTRAL

rgb(11, 15, 11)

Panel

NEUTRAL

rgb(19, 26, 20)

Tile 2

NEUTRAL

rgb(14, 20, 15)

Heading

NEUTRAL

rgb(255, 255, 255)

Paragraph

NEUTRAL

rgb(163, 163, 163)

Brand V1

BRAND

rgb(18, 54, 36)

Brand V2

BRAND

rgb(190, 240, 168)

Brand V3

BRAND

rgb(213, 253, 201)

Element V1

NEUTRAL

rgba(213, 253, 201, 0.06)

Element V2

NEUTRAL

rgba(213, 253, 201, 0.11)

All Borders

NEUTRAL

rgba(213, 253, 201, 0.08)

Line 2

NEUTRAL

rgba(213, 253, 201, 0.14)

Transparent

NEUTRAL

rgba(255, 255, 255, 0)

Error

UTILITY

rgb(255, 122, 122)

02

TYPOGRAPHY

Eleven roles, one typeface.

Six heading levels, four body sizes and one mono label. Every text on the site uses one of these.

Ag

Headings/Heading 1

h1 · 80px · 0.95em

Ag

Headings/Heading 2

h2 · 48px · 1.08em

Answers that get cited

Headings/Heading 3

h3 · 30px · 1.15em

Answers that get cited

Headings/Heading 4

h4 · 20px · 1.25em

Answers that get cited

Headings/Heading 5

h5 · 18px · 1.3em

Answers that get cited

Headings/Heading 6

h6 · 16px · 1.35em

The engines answer for you

Body/Text Large

p · 22px · 1em

We track what the engines say about you, then change it.

Body/Text Lead

p · 17px · 1.5em

We track what the engines say about you, then change it.

Body/Text Main

p · 16px · 1.5em

We track what the engines say about you, then change it.

Body/Text Small

p · 13px · 1.35em

ANSWER ENGINE OPTIMISATION

Body/Mono Label

p · 11px · 0.08em tracking

03

COMPONENTS

Every component, one card each.

Each card shows the component in its main state. Point the Agent at the one you want and it reuses it instead of drawing something new.

Cards

repeatable content blocks

0+

Brands placed in AI answers

Since 2024

0+

Brands placed in AI answers

Since 2024

0+

Brands placed in AI answers

Since 2024

Stat Card

Component

/01

Why us

Senior team only

The people who audit your answers are the people who fix them.

Benefit Card

Component

Emily Roberts

Head of Answer Strategy

Team Card

Component

01.

1 week

Audit the answers.

We run your buyers’ questions through every engine and log who gets recommended today.

Step Card

Component

Info Card

Component

Wins a spot in a list of blue links.

Versus Row

Component

SEO

Search engines

Wins a spot in a list of blue links.

Optimizes keywords, backlinks, speed, structure.

Measured in rankings, impressions, click-through.

Brings visitors who are still comparing options.

Versus Column

Component

01

Timeline: 4 weeks

Audit.

Popular

One product line, tracked across every engine.

AI visibility audit

25 tracked prompts

Entity & schema fixes

30-day report

Handoff & docs

Pricing Card

Component

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share Card

Component

Where you show up

Every engine

Inside the answers buyers already trust.

No ads, no tricks — we make your facts the ones engines cite when someone asks who to choose.

ChatGPT

Perplexity

Gemini

Claude

AI Overviews

Copilot

Grok

+ 10 more

Engines Card

Component

Sections

full-width blocks, shown at page width

01 / Section

Section title on two lines.

One or two sentences that set up the section, no longer than two lines.

Section Head

Component

Navigation

Component

Footer

Component

01.

1 week

Audit the answers.

We run your buyers’ questions through every engine and log who gets recommended today.

02.

2 weeks

Fix the facts.

Entity pages, schema and answer blocks, so every engine finds one clear, consistent story.

03.

6 weeks

Earn the citations.

Mentions in the reviews, listings and expert sources each engine already trusts.

04.

3 weeks

Track and tune.

A monthly share-of-answer report, and we adjust pages and prompts based on what moved.

Process Section

Component

08 / Pricing

Three ways to start, each with a fixed price.

Every engagement starts with a fixed scope and a fixed price. You approve the plan before we touch a page.

Monthly

Annual

(save 20%)

01

Timeline: 4 weeks

Audit.

One brand, every engine.

AI visibility audit

25 tracked prompts

Entity & schema fixes

30-day report

Handoff & docs

02

Timeline: Monthly

Partner.

Popular

Monthly work, on retainer.

100 tracked prompts

Monthly content & schema

Citation outreach

Share-of-answer report

Priority support

03

Timeline: Ongoing

Scale.

A full team, every market.

Unlimited prompt sets

Multi-market coverage

Digital PR & data studies

Dedicated strategist

Weekly reporting

Pricing Section

Component

What is answer engine optimization?

How is this different from SEO?

How long until we show up in answers?

What’s included in the discovery call?

Which engines do you cover?

Do you use tricks or generated spam?

What do you need from us?

Are we locked in after the programme?

FAQ List

Component

What is answer engine optimization?

FAQ Item

Component

Fixed quote after the discovery call · no hourly billing

Contact Form

Component

04

CODE COMPONENTS

Five coded pieces, edited like any other.

These carry the interaction the canvas cannot. They follow the text styles and colour tokens above, and their content is a list on the instance.

0.0

Animated Counter

Code

Logo Slider

Code

AI visibility audit.

/01

AI visibility audit.

We ask ChatGPT, Perplexity and Gemini the questions your buyers ask, and log who gets named, who gets cited and where you are missing.

  • Prompt tracking
  • Citation map
  • Competitor share
  • Gap report

Services

Code

Northbank

Case 01 / 04

Live

2026 · 8 week programme · Live · Helpdesk SaaS

Northbank.

  • AI Overviews
  • ChatGPT
  • Comparison pages

Challenge

Before

Ask any engine for “the best helpdesk for small teams” and Northbank never came up. Two larger competitors owned every answer, and the sales team heard it on calls.

Impact

After

62%

Of tracked buyer prompts now name Northbank, up from 4 %.

5.0 / 5

Verified review

“Prospects arrive already knowing us. The engines do the first call now.”

Priya Nair

Head of Marketing

Case Studies

Code

5.0 / 5

Verified review · 01 / 06

“The monthly share-of-answer report is the clearest marketing number our board has ever seen.”

Luca Romano

Product Lead

Luca Romano

Luca Romano

01

Reviews

Code

00

DESIGN SYSTEM

One system. Every new page.

Every colour, text style and component this template is built from, on one page. Give it to the Agent as the reference when you build something new, and the new page comes out looking like the rest of the site.

/design-system

Type this in the Agent panel with your prompt to build your first page from this system.

Recommended model: GPT 5.6 Sol or above.

01

COLOURS

Fourteen tokens. Nothing hard-coded.

Every fill, border and text colour in the template points at one of these. Change a token and it changes everywhere it is used.

Background

NEUTRAL

rgb(11, 15, 11)

Panel

NEUTRAL

rgb(19, 26, 20)

Tile 2

NEUTRAL

rgb(14, 20, 15)

Heading

NEUTRAL

rgb(255, 255, 255)

Paragraph

NEUTRAL

rgb(163, 163, 163)

Brand V1

BRAND

rgb(18, 54, 36)

Brand V2

BRAND

rgb(190, 240, 168)

Brand V3

BRAND

rgb(213, 253, 201)

Element V1

NEUTRAL

rgba(213, 253, 201, 0.06)

Element V2

NEUTRAL

rgba(213, 253, 201, 0.11)

All Borders

NEUTRAL

rgba(213, 253, 201, 0.08)

Line 2

NEUTRAL

rgba(213, 253, 201, 0.14)

Transparent

NEUTRAL

rgba(255, 255, 255, 0)

Error

UTILITY

rgb(255, 122, 122)

02

TYPOGRAPHY

Eleven roles, one typeface.

Six heading levels, four body sizes and one mono label. Every text on the site uses one of these.

Ag

Headings/Heading 1

h1 · 80px · 0.95em

Ag

Headings/Heading 2

h2 · 48px · 1.08em

Answers that get cited

Headings/Heading 3

h3 · 30px · 1.15em

Answers that get cited

Headings/Heading 4

h4 · 20px · 1.25em

Answers that get cited

Headings/Heading 5

h5 · 18px · 1.3em

Answers that get cited

Headings/Heading 6

h6 · 16px · 1.35em

The engines answer for you

Body/Text Large

p · 22px · 1em

We track what the engines say about you, then change it.

Body/Text Lead

p · 17px · 1.5em

We track what the engines say about you, then change it.

Body/Text Main

p · 16px · 1.5em

We track what the engines say about you, then change it.

Body/Text Small

p · 13px · 1.35em

ANSWER ENGINE OPTIMISATION

Body/Mono Label

p · 11px · 0.08em tracking

03

COMPONENTS

Every component, one card each.

Each card shows the component in its main state. Point the Agent at the one you want and it reuses it instead of drawing something new.

Cards

repeatable content blocks

0+

Brands placed in AI answers

Since 2024

0+

Brands placed in AI answers

Since 2024

0+

Brands placed in AI answers

Since 2024

Stat Card

Component

/01

Why us

Senior team only

The people who audit your answers are the people who fix them.

Benefit Card

Component

Emily Roberts

Head of Answer Strategy

Team Card

Component

01.

1 week

Audit the answers.

We run your buyers’ questions through every engine and log who gets recommended today.

Step Card

Component

Info Card

Component

Wins a spot in a list of blue links.

Versus Row

Component

SEO

Search engines

Wins a spot in a list of blue links.

Optimizes keywords, backlinks, speed, structure.

Measured in rankings, impressions, click-through.

Brings visitors who are still comparing options.

Versus Column

Component

01

Timeline: 4 weeks

Audit.

Popular

One product line, tracked across every engine.

AI visibility audit

25 tracked prompts

Entity & schema fixes

30-day report

Handoff & docs

Pricing Card

Component

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share of answers

Tracked prompts · 90 days

0%

Of buyer prompts that now name the client

Before Stackwise

4%

With Stackwise

62%

Share Card

Component

Where you show up

Every engine

Inside the answers buyers already trust.

No ads, no tricks — we make your facts the ones engines cite when someone asks who to choose.

ChatGPT

Perplexity

Gemini

Claude

AI Overviews

Copilot

Grok

+ 10 more

Engines Card

Component

Sections

full-width blocks, shown at page width

01 / Section

Section title on two lines.

One or two sentences that set up the section, no longer than two lines.

Section Head

Component

Navigation

Component

Footer

Component

01.

1 week

Audit the answers.

We run your buyers’ questions through every engine and log who gets recommended today.

02.

2 weeks

Fix the facts.

Entity pages, schema and answer blocks, so every engine finds one clear, consistent story.

03.

6 weeks

Earn the citations.

Mentions in the reviews, listings and expert sources each engine already trusts.

04.

3 weeks

Track and tune.

A monthly share-of-answer report, and we adjust pages and prompts based on what moved.

Process Section

Component

08 / Pricing

Three ways to start, each with a fixed price.

Every engagement starts with a fixed scope and a fixed price. You approve the plan before we touch a page.

Monthly

Annual

(save 20%)

01

Timeline: 4 weeks

Audit.

One brand, every engine.

AI visibility audit

25 tracked prompts

Entity & schema fixes

30-day report

Handoff & docs

02

Timeline: Monthly

Partner.

Popular

Monthly work, on retainer.

100 tracked prompts

Monthly content & schema

Citation outreach

Share-of-answer report

Priority support

03

Timeline: Ongoing

Scale.

A full team, every market.

Unlimited prompt sets

Multi-market coverage

Digital PR & data studies

Dedicated strategist

Weekly reporting

Pricing Section

Component

What is answer engine optimization?

How is this different from SEO?

How long until we show up in answers?

What’s included in the discovery call?

Which engines do you cover?

Do you use tricks or generated spam?

What do you need from us?

Are we locked in after the programme?

FAQ List

Component

What is answer engine optimization?

FAQ Item

Component

Fixed quote after the discovery call · no hourly billing

Contact Form

Component

04

CODE COMPONENTS

Five coded pieces, edited like any other.

These carry the interaction the canvas cannot. They follow the text styles and colour tokens above, and their content is a list on the instance.

0.0

Animated Counter

Code

Logo Slider

Code

AI visibility audit.

/01

AI visibility audit.

We ask ChatGPT, Perplexity and Gemini the questions your buyers ask, and log who gets named, who gets cited and where you are missing.

  • Prompt tracking
  • Citation map
  • Competitor share
  • Gap report

Services

Code

Northbank

Case 01 / 04

Live

2026 · 8 week programme · Live · Helpdesk SaaS

Northbank.

  • AI Overviews
  • ChatGPT
  • Comparison pages

Challenge

Before

Ask any engine for “the best helpdesk for small teams” and Northbank never came up. Two larger competitors owned every answer, and the sales team heard it on calls.

Impact

After

62%

Of tracked buyer prompts now name Northbank, up from 4 %.

5.0 / 5

Verified review

“Prospects arrive already knowing us. The engines do the first call now.”

Priya Nair

Head of Marketing

Case Studies

Code

5.0 / 5

Verified review · 01 / 06

“The monthly share-of-answer report is the clearest marketing number our board has ever seen.”

Luca Romano

Product Lead

Luca Romano

Luca Romano

01

Reviews

Code

Create a free website with Framer, the website builder loved by startups, designers and agencies.