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
Sixteen tokens, light and on dark.
Every fill, border and text colour in the template points at one of these. The last four are what the dark sections use, shown on their real background.
Background V1
NEUTRAL
rgb(240, 240, 240)
Background V2
NEUTRAL
rgb(229, 229, 229)
Background V3
NEUTRAL
rgb(21, 22, 25)
Brand V1
BRAND
rgb(255, 55, 0)
Headings V1
TEXT
rgb(10, 10, 10)
Paragraph V1
TEXT
rgb(79, 79, 79)
Muted
TEXT
rgb(138, 138, 138)
Border V1
BORDERS
rgba(0, 0, 0, 0.2)
Black 7%
TRANSPARENT
rgba(0, 0, 0, 0.07)
Black 17%
TRANSPARENT
rgba(0, 0, 0, 0.17)
Transparent
NEUTRAL
rgba(0, 0, 0, 0)
Error 15%
UTILITY
rgba(255, 34, 68, 0.15)
White
NEUTRAL
rgb(255, 255, 255)
White 72%
TRANSPARENT
rgba(255, 255, 255, 0.72)
White 60%
TRANSPARENT
rgba(240, 240, 240, 0.6)
Border V2
BORDERS
rgba(255, 255, 255, 0.15)
02
TYPOGRAPHY
Twelve roles, two families.
Halant for headings, Geist for everything that has to be read. Every text on the site uses one of these.
Ag
Headings/Heading 1
h1 · 4.2rem · 1.05em
Ag
Headings/Heading 2
h2 · 3.5rem · 1.05em
Agents that reach production
Headings/Heading 3
h3 · 1.5rem · 1.1em
Agents that reach production
Headings/Heading 4
h4 · 1.25rem · 1.35em
Agents that reach production
Headings/Heading 5
h5 · 1.15rem · 1.3em
Agents that reach production
Headings/Heading 6
h6 · 1rem · 1.3em
We put AI to work
Body/Statement
p · 2.5rem · 1.15em
AIthor
Body/Logo Text
p · 1.5rem · 1.2em
Strategy, automations and the support to keep them running.
Body/Text Medium
p · 1.1rem · 1.45em
Strategy, automations and the support to keep them running.
Body/Text Main
p · 1rem · 1.45em
Strategy, automations and the support to keep them running.
Body/Text Small
p · 0.85rem · 1.2em
AI READINESS AUDIT
Body/Text Tiny
p · 0.7rem · 1.1em
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 Primary
Component
Button Form
Component
Newsletter Button
Component
Section Badge
Component
Ops teams
Chip
Component
Strategy. Engineering. Adoption.
Float Pill
Component
Icon Box
Component
Logo Icon
Component
Logo Item
Component
Menu Link
Component
Dot Slider
Component
Category
Filter Tab
Component
Category
Filter Tab 2
Component
+96
Trusted by 100+ businesses
Reviews Rating
Component
Data analysis models
Capabilities Item
Component
Cursor
Component
Cards
repeatable content blocks
Free
Get started for free
/monthly
What's included:
500 Replies per month
1000 Number of pages
2 AI Chats
1 Number of members
Standard Support type
Pricing Card
Component
Subscribe
Choose a plan and get instant access to your design workspace. No long-term contracts. Cancel or pause anytime.
Main Card
Component
Projects Supported
Projects Supported
Projects Supported
Metrics Card
Component
Manual or partially automated processes
Point Element
Component
/01
03
Free Intro Call & Subscribe
Track tasks easily in Notion.
Process Card
Component
Growly
Organic Traffic
Organic Traffic
+142%
Lead Growth
3.4×
Organic Traffic
+142%
Lead Growth
3.4×
Case Studies Card
Component
+142%
Organic Traffic
Case Info Card
Component
Arlene McCoy
Co-Founder, CEO
Team Card
Component
Category
Data
Title
Blog Card
Component
Career Card
Component
Freelance
One person, limited capacity
Narrow skill set, gaps in others
Slows down when they get busy
Little process or documentation
Gone the moment it ships
Why Us Card
Component
68%
Average
Manual workload removed in the first year.
Before
40 hrs / week
After
13 hrs / week
About Metric
Component
Since 2019
We stay past the demo.
Senior people, start to finish.
40+
Systems shipped
12
Industries served
About Portrait
Component
What we do
Manual work → systems that run themselves
Who we build for
Ops teams
Revenue teams
Fintech
E-commerce
SaaS
Logistics
+6
About Statement
Component
CTA
Component
Newsletter Form
Component
Contact Form
Component
Radio Box Component
Component
Sections
full-width blocks, shown at page width
We build the boring half.
Senior AI engineers who ship automations into the tools your team already uses.
Section Head
Component
Navbar
Component
Footer
Component
Monthly
Yearly −20%
Pilot
Start with one high-impact win.
/monthly
What's included:
AI readiness audit
90-day roadmap
1 workflow automated or 1 AI build
2–4 week delivery
Handover docs + 1 workshop
Partner
Popular
Your AI team, always building.
/monthly
What's included:
Everything in Pilot
Multiple builds per quarter
Custom agents & integrations
Bi-weekly strategy reviews
Priority support (Slack, 24–48h)
Scale
Org-wide AI across teams.
/monthly
What's included:
Everything in Partner
Multi-team rollout
Security & compliance review
Dedicated PM + on-call support
Training program + playbooks/SOPs
Pricing
Component
Weeks 1–2
01
Find the friction
We map your workflows, find where the time goes, and rank the fixes by what they pay back.
Weeks 3–6
02
Build & integrate
We build the automations and wire them into the tools you already use, tested until they run.
Ongoing
03
Hand over & scale
We train your team, document the playbooks, and stay on hand to refine as you grow.
Process Cards
Component
01/ What does AIthor actually do?
02/ How do I get started?
03/ How long until we see results?
04/ What if a pilot doesn't work out?
05/ Do we need technical staff on our side?
06/ Who owns the systems and data?
07/ What tools and models do you work with?
FAQs Component
Component
Question
Answer
FAQ Item
Component
30+
Platforms
The models we build on, and the apps and databases we wire them into.
About Tools
Component
Want to work with them?
5 open roles
We hire senior, stay small, and keep the same people on the work end to end. Fully remote.
Hiring Strip
Component
Background
Component
04
CODE COMPONENTS
Six 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.
Digit Up
Code
Logo Slider
Code
Social Share
Code
We started AIthor because too many companies were sold AI hype and left with half-finished pilots. Our mission is simple: find where AI actually creates value, build it properly, and make sure it keeps working long after the engagement ends.
Reveal Text
Code
“AIthor killed two of our pet projects and saved us a fortune. Honest advice we couldn't get internally.”
“They showed us where AI actually fit our workflow, not just where it sounded impressive. Clear, practical, worth every cent.”
“The pilot was live and measurable before we expected a proposal. Fast, focused, and refreshingly free of buzzwords.”
“Our team now runs the playbooks on their own. That's the kind of partner that builds capability, not dependency.”
“We had a roadmap in weeks, not months of meetings. Finally an AI partner that thinks in outcomes.”
Review Spotlight
Code
Service Panels
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
Sixteen tokens, light and on dark.
Every fill, border and text colour in the template points at one of these. The last four are what the dark sections use, shown on their real background.
Background V1
NEUTRAL
rgb(240, 240, 240)
Background V2
NEUTRAL
rgb(229, 229, 229)
Background V3
NEUTRAL
rgb(21, 22, 25)
Brand V1
BRAND
rgb(255, 55, 0)
Headings V1
TEXT
rgb(10, 10, 10)
Paragraph V1
TEXT
rgb(79, 79, 79)
Muted
TEXT
rgb(138, 138, 138)
Border V1
BORDERS
rgba(0, 0, 0, 0.2)
Black 7%
TRANSPARENT
rgba(0, 0, 0, 0.07)
Black 17%
TRANSPARENT
rgba(0, 0, 0, 0.17)
Transparent
NEUTRAL
rgba(0, 0, 0, 0)
Error 15%
UTILITY
rgba(255, 34, 68, 0.15)
White
NEUTRAL
rgb(255, 255, 255)
White 72%
TRANSPARENT
rgba(255, 255, 255, 0.72)
White 60%
TRANSPARENT
rgba(240, 240, 240, 0.6)
Border V2
BORDERS
rgba(255, 255, 255, 0.15)
02
TYPOGRAPHY
Twelve roles, two families.
Halant for headings, Geist for everything that has to be read. Every text on the site uses one of these.
Ag
Headings/Heading 1
h1 · 4.2rem · 1.05em
Ag
Headings/Heading 2
h2 · 3.5rem · 1.05em
Agents that reach production
Headings/Heading 3
h3 · 1.5rem · 1.1em
Agents that reach production
Headings/Heading 4
h4 · 1.25rem · 1.35em
Agents that reach production
Headings/Heading 5
h5 · 1.15rem · 1.3em
Agents that reach production
Headings/Heading 6
h6 · 1rem · 1.3em
We put AI to work
Body/Statement
p · 2.5rem · 1.15em
AIthor
Body/Logo Text
p · 1.5rem · 1.2em
Strategy, automations and the support to keep them running.
Body/Text Medium
p · 1.1rem · 1.45em
Strategy, automations and the support to keep them running.
Body/Text Main
p · 1rem · 1.45em
Strategy, automations and the support to keep them running.
Body/Text Small
p · 0.85rem · 1.2em
AI READINESS AUDIT
Body/Text Tiny
p · 0.7rem · 1.1em
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 Primary
Component
Button Form
Component
Newsletter Button
Component
Section Badge
Component
Ops teams
Chip
Component
Strategy. Engineering. Adoption.
Float Pill
Component
Icon Box
Component
Logo Icon
Component
Logo Item
Component
Menu Link
Component
Dot Slider
Component
Category
Filter Tab
Component
Category
Filter Tab 2
Component
+96
Trusted by 100+ businesses
Reviews Rating
Component
Data analysis models
Capabilities Item
Component
Cursor
Component
Cards
repeatable content blocks
Free
Get started for free
/monthly
What's included:
500 Replies per month
1000 Number of pages
2 AI Chats
1 Number of members
Standard Support type
Pricing Card
Component
Subscribe
Choose a plan and get instant access to your design workspace. No long-term contracts. Cancel or pause anytime.
Main Card
Component
Projects Supported
Projects Supported
Projects Supported
Metrics Card
Component
Manual or partially automated processes
Point Element
Component
/01
03
Free Intro Call & Subscribe
Track tasks easily in Notion.
Process Card
Component
Growly
Organic Traffic
Organic Traffic
+142%
Lead Growth
3.4×
Organic Traffic
+142%
Lead Growth
3.4×
Case Studies Card
Component
+142%
Organic Traffic
Case Info Card
Component
Arlene McCoy
Co-Founder, CEO
Team Card
Component
Category
Data
Title
Blog Card
Component
Career Card
Component
Freelance
One person, limited capacity
Narrow skill set, gaps in others
Slows down when they get busy
Little process or documentation
Gone the moment it ships
Why Us Card
Component
68%
Average
Manual workload removed in the first year.
Before
40 hrs / week
After
13 hrs / week
About Metric
Component
Since 2019
We stay past the demo.
Senior people, start to finish.
40+
Systems shipped
12
Industries served
About Portrait
Component
What we do
Manual work → systems that run themselves
Who we build for
Ops teams
Revenue teams
Fintech
E-commerce
SaaS
Logistics
+6
About Statement
Component
CTA
Component
Newsletter Form
Component
Contact Form
Component
Radio Box Component
Component
Sections
full-width blocks, shown at page width
We build the boring half.
Senior AI engineers who ship automations into the tools your team already uses.
Section Head
Component
Navbar
Component
Footer
Component
Monthly
Yearly −20%
Pilot
Start with one high-impact win.
/monthly
What's included:
AI readiness audit
90-day roadmap
1 workflow automated or 1 AI build
2–4 week delivery
Handover docs + 1 workshop
Partner
Popular
Your AI team, always building.
/monthly
What's included:
Everything in Pilot
Multiple builds per quarter
Custom agents & integrations
Bi-weekly strategy reviews
Priority support (Slack, 24–48h)
Scale
Org-wide AI across teams.
/monthly
What's included:
Everything in Partner
Multi-team rollout
Security & compliance review
Dedicated PM + on-call support
Training program + playbooks/SOPs
Pricing
Component
Weeks 1–2
01
Find the friction
We map your workflows, find where the time goes, and rank the fixes by what they pay back.
Weeks 3–6
02
Build & integrate
We build the automations and wire them into the tools you already use, tested until they run.
Ongoing
03
Hand over & scale
We train your team, document the playbooks, and stay on hand to refine as you grow.
Process Cards
Component
01/ What does AIthor actually do?
02/ How do I get started?
03/ How long until we see results?
04/ What if a pilot doesn't work out?
05/ Do we need technical staff on our side?
06/ Who owns the systems and data?
07/ What tools and models do you work with?
FAQs Component
Component
Question
Answer
FAQ Item
Component
30+
Platforms
The models we build on, and the apps and databases we wire them into.
About Tools
Component
Want to work with them?
5 open roles
We hire senior, stay small, and keep the same people on the work end to end. Fully remote.
Hiring Strip
Component
Background
Component
04
CODE COMPONENTS
Six 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.
Digit Up
Code
Logo Slider
Code
Social Share
Code
We started AIthor because too many companies were sold AI hype and left with half-finished pilots. Our mission is simple: find where AI actually creates value, build it properly, and make sure it keeps working long after the engagement ends.
Reveal Text
Code
“AIthor killed two of our pet projects and saved us a fortune. Honest advice we couldn't get internally.”
“They showed us where AI actually fit our workflow, not just where it sounded impressive. Clear, practical, worth every cent.”
“The pilot was live and measurable before we expected a proposal. Fast, focused, and refreshingly free of buzzwords.”
“Our team now runs the playbooks on their own. That's the kind of partner that builds capability, not dependency.”
“We had a roadmap in weeks, not months of meetings. Finally an AI partner that thinks in outcomes.”
Review Spotlight
Code
Service Panels
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
Sixteen tokens, light and on dark.
Every fill, border and text colour in the template points at one of these. The last four are what the dark sections use, shown on their real background.
Background V1
NEUTRAL
rgb(240, 240, 240)
Background V2
NEUTRAL
rgb(229, 229, 229)
Background V3
NEUTRAL
rgb(21, 22, 25)
Brand V1
BRAND
rgb(255, 55, 0)
Headings V1
TEXT
rgb(10, 10, 10)
Paragraph V1
TEXT
rgb(79, 79, 79)
Muted
TEXT
rgb(138, 138, 138)
Border V1
BORDERS
rgba(0, 0, 0, 0.2)
Black 7%
TRANSPARENT
rgba(0, 0, 0, 0.07)
Black 17%
TRANSPARENT
rgba(0, 0, 0, 0.17)
Transparent
NEUTRAL
rgba(0, 0, 0, 0)
Error 15%
UTILITY
rgba(255, 34, 68, 0.15)
White
NEUTRAL
rgb(255, 255, 255)
White 72%
TRANSPARENT
rgba(255, 255, 255, 0.72)
White 60%
TRANSPARENT
rgba(240, 240, 240, 0.6)
Border V2
BORDERS
rgba(255, 255, 255, 0.15)
02
TYPOGRAPHY
Twelve roles, two families.
Halant for headings, Geist for everything that has to be read. Every text on the site uses one of these.
Ag
Headings/Heading 1
h1 · 4.2rem · 1.05em
Ag
Headings/Heading 2
h2 · 3.5rem · 1.05em
Agents that reach production
Headings/Heading 3
h3 · 1.5rem · 1.1em
Agents that reach production
Headings/Heading 4
h4 · 1.25rem · 1.35em
Agents that reach production
Headings/Heading 5
h5 · 1.15rem · 1.3em
Agents that reach production
Headings/Heading 6
h6 · 1rem · 1.3em
We put AI to work
Body/Statement
p · 2.5rem · 1.15em
AIthor
Body/Logo Text
p · 1.5rem · 1.2em
Strategy, automations and the support to keep them running.
Body/Text Medium
p · 1.1rem · 1.45em
Strategy, automations and the support to keep them running.
Body/Text Main
p · 1rem · 1.45em
Strategy, automations and the support to keep them running.
Body/Text Small
p · 0.85rem · 1.2em
AI READINESS AUDIT
Body/Text Tiny
p · 0.7rem · 1.1em
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 Primary
Component
Button Form
Component
Newsletter Button
Component
Section Badge
Component
Ops teams
Chip
Component
Strategy. Engineering. Adoption.
Float Pill
Component
Icon Box
Component
Logo Icon
Component
Logo Item
Component
Menu Link
Component
Dot Slider
Component
Category
Filter Tab
Component
Category
Filter Tab 2
Component
+96
Trusted by 100+ businesses
Reviews Rating
Component
Data analysis models
Capabilities Item
Component
Cursor
Component
Cards
repeatable content blocks
Free
Get started for free
/monthly
What's included:
500 Replies per month
1000 Number of pages
2 AI Chats
1 Number of members
Standard Support type
Pricing Card
Component
Subscribe
Choose a plan and get instant access to your design workspace. No long-term contracts. Cancel or pause anytime.
Main Card
Component
Projects Supported
Projects Supported
Projects Supported
Metrics Card
Component
Manual or partially automated processes
Point Element
Component
/01
03
Free Intro Call & Subscribe
Track tasks easily in Notion.
Process Card
Component
Growly
Organic Traffic
Organic Traffic
+142%
Lead Growth
3.4×
Organic Traffic
+142%
Lead Growth
3.4×
Case Studies Card
Component
+142%
Organic Traffic
Case Info Card
Component
Arlene McCoy
Co-Founder, CEO
Team Card
Component
Category
Data
Title
Blog Card
Component
Career Card
Component
Freelance
One person, limited capacity
Narrow skill set, gaps in others
Slows down when they get busy
Little process or documentation
Gone the moment it ships
Why Us Card
Component
68%
Average
Manual workload removed in the first year.
Before
40 hrs / week
After
13 hrs / week
About Metric
Component
Since 2019
We stay past the demo.
Senior people, start to finish.
40+
Systems shipped
12
Industries served
About Portrait
Component
What we do
Manual work → systems that run themselves
Who we build for
Ops teams
Revenue teams
Fintech
E-commerce
SaaS
Logistics
+6
About Statement
Component
CTA
Component
Newsletter Form
Component
Contact Form
Component
Radio Box Component
Component
Sections
full-width blocks, shown at page width
We build the boring half.
Senior AI engineers who ship automations into the tools your team already uses.
Section Head
Component
Navbar
Component
Footer
Component
Monthly
Yearly −20%
Pilot
Start with one high-impact win.
/monthly
What's included:
AI readiness audit
90-day roadmap
1 workflow automated or 1 AI build
2–4 week delivery
Handover docs + 1 workshop
Partner
Popular
Your AI team, always building.
/monthly
What's included:
Everything in Pilot
Multiple builds per quarter
Custom agents & integrations
Bi-weekly strategy reviews
Priority support (Slack, 24–48h)
Scale
Org-wide AI across teams.
/monthly
What's included:
Everything in Partner
Multi-team rollout
Security & compliance review
Dedicated PM + on-call support
Training program + playbooks/SOPs
Pricing
Component
Weeks 1–2
01
Find the friction
We map your workflows, find where the time goes, and rank the fixes by what they pay back.
Weeks 3–6
02
Build & integrate
We build the automations and wire them into the tools you already use, tested until they run.
Ongoing
03
Hand over & scale
We train your team, document the playbooks, and stay on hand to refine as you grow.
Process Cards
Component
01/ What does AIthor actually do?
02/ How do I get started?
03/ How long until we see results?
04/ What if a pilot doesn't work out?
05/ Do we need technical staff on our side?
06/ Who owns the systems and data?
07/ What tools and models do you work with?
FAQs Component
Component
Question
Answer
FAQ Item
Component
30+
Platforms
The models we build on, and the apps and databases we wire them into.
About Tools
Component
Want to work with them?
5 open roles
We hire senior, stay small, and keep the same people on the work end to end. Fully remote.
Hiring Strip
Component
Background
Component
04
CODE COMPONENTS
Six 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.
Digit Up
Code
Logo Slider
Code
Social Share
Code
We started AIthor because too many companies were sold AI hype and left with half-finished pilots. Our mission is simple: find where AI actually creates value, build it properly, and make sure it keeps working long after the engagement ends.
Reveal Text
Code
“AIthor killed two of our pet projects and saved us a fortune. Honest advice we couldn't get internally.”
“They showed us where AI actually fit our workflow, not just where it sounded impressive. Clear, practical, worth every cent.”
“The pilot was live and measurable before we expected a proposal. Fast, focused, and refreshingly free of buzzwords.”
“Our team now runs the playbooks on their own. That's the kind of partner that builds capability, not dependency.”
“We had a roadmap in weeks, not months of meetings. Finally an AI partner that thinks in outcomes.”
Review Spotlight
Code
Service Panels
Code