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(8, 8, 8)
Accent
ACCENT
rgb(242, 66, 2)
Headings V1
TEXT
rgb(18, 18, 18)
Paragraph V1
TEXT
rgb(79, 79, 79)
Border V1
BORDERS
rgba(0, 0, 0, 0.2)
Transparent 15%
NEUTRAL
rgba(0, 0, 0, 0.15)
Transparent 6%
NEUTRAL
rgba(0, 0, 0, 0.06)
Transparent
NEUTRAL
rgba(0, 0, 0, 0)
Success
UTILITY
rgb(0, 186, 31)
Error 15%
UTILITY
rgba(255, 34, 68, 0.15)
Headings V2
TEXT
rgb(240, 240, 240)
Paragraph V2
TEXT
rgb(161, 161, 161)
Border V2
BORDERS
rgba(255, 255, 255, 0.15)
Transparent 3%
NEUTRAL
rgba(255, 255, 255, 0.03)
02
TYPOGRAPHY
Ten roles, one typeface.
Six heading levels and four body sizes. Every text on the site uses one of these, so the type scale never drifts.
Ag
Headings/Heading 1
h1 · 4.5rem · 1.1em
Ag
Headings/Heading 2
h2 · 4.3rem · 1.1em
Design that ships weekly
Headings/Heading 3
h3 · 1.5rem · 1.1em
Design that ships weekly
Headings/Heading 4
h4 · 1.3rem · 1.2em
Design that ships weekly
Headings/Heading 5
h5 · 1.2rem · 1.3em
Design that ships weekly
Headings/Heading 6
h6 · 1rem · 1.2em
One subscription, one team
Body/Text Large
p · 2rem · 1em
Unlimited requests, one at a time, delivered in days instead of weeks.
Body/Text Main
p · 1rem · 1.4em
Unlimited requests, one at a time, delivered in days instead of weeks.
Body/Text Small
p · 0.9rem · 1.3em
AVAILABLE THIS WEEK
Body/Text Tiny
p · 0.7rem · 0.06em 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
Primary Button
Component
Form Button
Component
Arrow Button
Component
Newsletter Button
Component
tag text
Section Badge
Component
Website Logo
Component
Dot Indicator
Component
Dots Item
Component
Icon Box
Component
Trusted by 100+ businesses
They hit their targets — you’re next.
Reviews Rating
Component
Review Avatars
Component
Cards
repeatable content blocks
Design Retainer
For founders who need ongoing design.
/month
Annually
Unlimited requests
One request at a time
Fixed monthly rate
Async communication
Flexible scope
Pause anytime
Pricing Card
Component
Growly
Branding
/
2025
Project Card
Component
//
Client
Bima
Project Info
Component
4.9
Rating
This platform completely changed how I connect with industry peers and find new opportunities.
Samantha Lee
ConnectSphere
Reviews Card
Component
/01
Free Intro Call & Subscribe
Track tasks easily in Notion.
Main Card
Component
+47%
Hours saved for clients monthly
Project Metrics Card
Component
Metrics Card
Component
6 / 8
2 open
Client slots filled
Capacity Card
Component
48h
typical
Turnaround by request type
2d
Logo
3d
Page
8d
Site
10d
Brand
Turnaround Card
Component
What you’re replacing:
A full-time hire → a flat monthly rate
What’s covered
Brand systems
Websites
Motion
Product UI
Design ops
+8
Model Card
Component
A reply within one working day
The designer who would do the work answers, not a form handler.
Contact Point
Component
Contact Card
Component
Contact Form
Component
About us
Design on subscription, since 2018.
15+
Years designing
40+
Brands shaped
From brand systems to product design
We do it all.
Studio Card
Component
Sections
full-width blocks, shown at page width
Hiring, replaced.
Section Head
Component
Navbar
Component
Footer
Component
Standard
For founders who need ongoing design.
/month
Annually
One request at a time
Unlimited requests
Unlimited revisions
Web & mobile design
Brand & identity
Source files included
Most popular
Pro
For teams that want to move faster.
/month
Annually
Two requests in parallel
Everything in Standard
Priority delivery
Development & no-code
Dedicated design portal
Monthly strategy call
Pricing Cards
Component
/01
Subscribe
Pick a plan and get started right away. No calls, no setup - you're in the portal within an hour.
/02
Request
Submit any design task you need - landing pages, brand assets, product UI, and more.
/03
Receive
Your design is delivered in a few business days. Simple, fast, ready to use - source files included.
Process Cards
Component
How does the subscription model work?
What kind of design tasks can I request?
How fast will I receive my designs?
FAQs Items
Component
Question
Answer
FAQ Item
Component
04
CODE COMPONENTS
Three 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
Identities that get noticed
Logos, visual systems and brand guidelines built to give your startup a voice that scales.
- Brand strategy
- Logo design
- Art direction
- Color systems
Design that moves users
Builds that ship in days
Motion that brings it to life
Services
Code