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.
Controls
buttons, badges, markers
Button
Component
Button Form
Component
Label
Pill
Component
Menu Link
Component
Monthly
Annual
(save 20%)
Billing Switch
Component
ChatGPT
Tool Tile
Component
Cursor
Component
Cards
repeatable content blocks
120
+
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
Replies within 24h
Chat to sales
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
one-time
Pricing Card
Component
Share of answers
Tracked prompts · 90 days
62
%
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.
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
one-time
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
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
one-time
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
Contact Form
Component
Services
Component
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
Component
Reviews
Component
04
CODE COMPONENTS
Two coded pieces, edited like any other.
The slider is a code component you drop in. The counting numbers are an override on a native text, so the number you type is the number that counts up. Both follow the text styles and colour tokens above.
Logo Slider
Code
94
%
Answers that cite the client
Tracked weekly
Counting Numbers
Override
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.
Controls
buttons, badges, markers
Button
Component
Button Form
Component
Label
Pill
Component
Menu Link
Component
Monthly
Annual
(save 20%)
Billing Switch
Component
ChatGPT
Tool Tile
Component
Cursor
Component
Cards
repeatable content blocks
120
+
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
Replies within 24h
Chat to sales
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
one-time
Pricing Card
Component
Share of answers
Tracked prompts · 90 days
62
%
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.
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
one-time
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
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
one-time
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
Contact Form
Component
Services
Component
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
Component
Reviews
Component
04
CODE COMPONENTS
Two coded pieces, edited like any other.
The slider is a code component you drop in. The counting numbers are an override on a native text, so the number you type is the number that counts up. Both follow the text styles and colour tokens above.
Logo Slider
Code
94
%
Answers that cite the client
Tracked weekly
Counting Numbers
Override
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.
Controls
buttons, badges, markers
Button
Component
Button Form
Component
Label
Pill
Component
Menu Link
Component
Monthly
Annual
(save 20%)
Billing Switch
Component
ChatGPT
Tool Tile
Component
Cursor
Component
Cards
repeatable content blocks
120
+
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
Replies within 24h
Chat to sales
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
one-time
Pricing Card
Component
Share of answers
Tracked prompts · 90 days
62
%
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.
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
one-time
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
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
one-time
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
Contact Form
Component
Services
Component
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
Component
Reviews
Component
04
CODE COMPONENTS
Two coded pieces, edited like any other.
The slider is a code component you drop in. The counting numbers are an override on a native text, so the number you type is the number that counts up. Both follow the text styles and colour tokens above.
Logo Slider
Code
94
%
Answers that cite the client
Tracked weekly
Counting Numbers
Override