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
Twenty-eight tokens, light and on dark.
Every fill, border and text colour in the template points at one of these. The last group is what the dark panels use, shown on their real background.
Page
SURFACE
rgb(250, 246, 237)
Card
SURFACE
rgb(242, 238, 226)
Inset
SURFACE
rgb(236, 233, 223)
Glass
SURFACE
rgba(250, 246, 237, 0.94)
Dark Panel
SURFACE
rgb(33, 45, 61)
Hover Slate
INTERACTIVE
rgb(51, 68, 92)
Terracotta
ACCENT
rgb(156, 73, 48)
Success
FEEDBACK
rgb(47, 107, 79)
Primary
TEXT
rgb(33, 45, 61)
Secondary
TEXT
rgb(90, 102, 117)
Muted
TEXT
rgba(33, 45, 61, 0.45)
Transparent
SURFACE
rgba(0, 0, 0, 0)
Subtle
BORDER
rgba(33, 45, 61, 0.08)
Hairline
BORDER
rgba(33, 45, 61, 0.14)
Strong
BORDER
rgba(33, 45, 61, 0.35)
On Dark
TEXT
rgb(250, 246, 237)
On Dark Strong
TEXT
rgba(255, 255, 255, 0.9)
On Dark Lead
TEXT
rgba(255, 255, 255, 0.82)
On Dark Body
TEXT
rgba(255, 255, 255, 0.72)
On Dark Secondary
TEXT
rgba(255, 255, 255, 0.68)
On Dark Muted
TEXT
rgba(255, 255, 255, 0.62)
On Dark Placeholder
TEXT
rgba(255, 255, 255, 0.6)
On Dark Faint
TEXT
rgba(255, 255, 255, 0.55)
On Dark Raised
SURFACE
rgba(255, 255, 255, 0.07)
On Dark Subtle
SURFACE
rgba(255, 255, 255, 0.06)
On Dark
BORDER
rgba(255, 255, 255, 0.36)
On Dark Faint
BORDER
rgba(255, 255, 255, 0.28)
On Dark Subtle
BORDER
rgba(255, 255, 255, 0.14)
02
TYPOGRAPHY
Fifteen roles, two typefaces.
Instrument Serif for display and headings, Inter for everything that has to be read. Every text on the site uses one of these.
Ag
Display/Hero
h1 · 6rem · 1.05em
Ag
Display/Section
h2 · 4rem · 1.1em
The work stays with the people who did it
Display/Section Lead
p · 1.7rem · 1.2em
A board that has seen it before
Heading/Card Title
h3 · 26px · 1.18em
A board that has seen it before
Heading/Subsection
h4 · 1.3rem · 1.3em
Retained counsel
Heading/Tier Name
p · 19px · 1.2em
24
Label/Stat Figure
p · 2.9rem · 1em
Case studies
Label/Nav Link
p · 22px · 1.35em
Two partners, one room, and the same people in it from the first call to the last.
Body/Lead
p · 17px · 1.55em
Two partners, one room, and the same people in it from the first call to the last.
Body/Default
p · 15px · 1.6em
Two partners, one room, and the same people in it from the first call to the last.
Body/Small
p · 0.8rem · 1.35em
Book a conversation
Label/Button
p · 15px · 1.1em
Read the case
Label/Button Small
p · 14px · 1em
Eight weeks · Fixed fee
Label/Meta
p · 12.5px · 1.4em
WHAT WE DO
Label/Eyebrow
p · 11px · 1.76px 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
Link
Component
Financial Services
Badge
Component
Case studies
Eyebrow
Component
Button Form
Component
Newsletter Button
Component
Category
Tab Case
Component
Category
Tab Blog
Component
Logo Brand
Component
Logo Item
Component
+38 bps
Net interest margin recovered
Stat Card
Component
Cards
repeatable content blocks
Financial Services
Repricing a retail lending book
Six years of growth, less profit each year. We rebuilt the pricing floor.
Read full case study
Case Card
Component
Governance
22 July 2026
The board paper is not the decision
Blog Card
Component
Managing Partner
Adrian Vance
Team Card
Component
Financial Services
Industry Card
Component
Partner-led from day one
Fixed scope and fee
Written update weekly
Documented handover
About Feature Card
Component
Our clients
About Pill Card
Component
About Figure Card
Component
Hero Float Card
Component
A partner replies, within a day
Not an account manager, and not a calendar link with no name on it.
Contact Point
Component
Counsel
a month
Six weeks, one decision, partner-led. Board-ready, workings shown.
Named partner on call
Two sessions a month
Papers read and marked up
A written view within two days
Quarterly review of the year ahead
Thirty days’ notice, no tie-in
Plan Card
Component
Career Card
Component
Sections
full-width blocks, shown at page width
Section title
Section Head
Component
Navbar
Component
Footer
Component
Pricing
Component
001
Discover & Define
Two weeks with your data and your people, to agree what the decision in front of you actually is. Most engagements change shape here, and it is cheaper to change shape now than later.
What this includes
Data room review
Stakeholder interviews
Problem framing
Baseline model
002
Strategise & Plan
003
Execute
004
Measure & Hand Over
Process
Component
001
Discover & Define
Two weeks with your data and your people, to agree what the decision in front of you actually is. Most engagements change shape here, and it is cheaper to change shape now than later.
What this includes
Data room review
Stakeholder interviews
Problem framing
Baseline model
Process Step
Component
FAQ
Component
Accordion Item
Component
Contact Form
Component
Without a partner like Palladio
Advice that stops at the deck
Juniors you never interviewed
Scope that quietly expands
Findings you cannot check
A plan nobody owns
Silence after the invoice
Comparison Card
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.
Digit Up
Code
Social Share
Code
Help me customise this template for [business name].
Prompt Block
Code
Review Spotlight
Code
001A steady hand in the room.
Standing counsel to chairs, chief executives and founders — the outside read on the decision in front of you, given plainly.
- What we offer
- Board and committee counsel
- Succession planning
- Investment cases
- Governance reviews
002Where to play, and where not to.
Market entry, portfolio choices and the hard subtractions. We frame the real options, size them honestly, and leave a recommendation.
- What we offer
- Market entry
- Portfolio strategy
- Pricing and positioning
- Scenario planning
003The part where it actually gets done.
Sequencing, ownership and cadence. We turn the decision into a plan with names and dates against it, then stay close enough to see it land.
- What we offer
- Delivery planning
- Operating cadence
- Cost programmes
- Process redesign
004Where the next pound comes from.
Proposition, pricing and route to market — the commercial work that turns a good position into revenue you can repeat.
- What we offer
- Proposition design
- Pricing power
- Route to market
- Sales effectiveness
005Structure that holds once you step back.
Operating model, spans and reporting lines. We design the structure around the decisions it has to carry, rather than the chart you inherited.
- What we offer
- Operating model design
- Roles and spans of control
- Leadership assessment
- Incentives and culture
Services
Code