The Breakout wordmark in white over a deep 01 · The challenge
In AI for sales, every product says it finds buyers and books meetings.
Breakout is the inbound AI SDR for revenue marketing teams. Its agents identify buyers, convert handraisers and run the full demand gen motion, from first signal to closed pipeline.
02 · Strategy
Show the system working, instead of describing it
Most AI SDR sites list features and hope the buyer connects them. We started from the opposite end: the visitor should feel the connected system before they read about it.
Design ideaOne connected engine, not a pile of features
- 01One entry point
- 02One visual logic
- 03Motion for the hard parts
A grid of pale lilac illustration tiles on 03 · Product
One input that opens into a whole system
On product, we designed the centre command bar: a single 'Ask AI' input that expands into everything Breakout does.
The Breakout Ask AI button at rest 
Four explorations of the command bar input 
The Breakout agent button with its tooltip 
Chat answering a question about Salesforce 
Chat transcripts and integration tiles that Tools that show up when the visitor needs them
From the same bar, a visitor can summarise a page, book a call, run an ROI estimate, watch a demo or talk to a real person.
The command bar's summary tool 
An ROI calculator inside the command bar 
Round tool icons for scheduling 
The AI summariser 
Breakout's positioning line set over a warm 
A copilot greeting with suggested questions 
The command bar above three pricing plans 04 · Website
A site that frames one demand-gen engine
On the website, every section answers the same question: what does this connected system do for a revenue team?
A tilted grid of Breakout website pages 
The Breakout homepage on a tablet 
Product UI cards 
Three isometric illustrations of stacked 
A call to action reading 'Sprint past your 
The closing line 'Your website 05 · Brand and motion
One visual logic, from product to billboard
Indigo fading into lilac, soft glass surfaces and a single sparkle: the same language runs through the product, the site and the launch material.
Breakout's colour palette in indigo 
A hand holding the glass Ask AI button out 
A Breakout ad on a large screen in a 
A hand holding a printed Breakout brochure 
'One connections that matter in one place' 
A laptop on an indigo seat showing the 
Animated headline 06 · Spoc
The same system, extended to Spoc
A good system should travel. We carried Breakout's language into Spoc, a GTM product from Breakout where one brief, written in plain language, sets one agent running across the whole stack.
The Spoc by Breakout logo beside a poster 
The Spoc homepage over a prompt box and 
A morning digest of accounts that need 
'Start your next project with a template' 
'How we help marketers win' 
A customer quote card and '+200% increase 
A phone showing the Spoc homepage 
A prompt box over a ring of integration 
A lightbox sign reading 'Automate any GTM 
A black-and-white billboard on a city street 
A Breakout delivery truck wrapped in indigo 07 · Impact & proof
What this means if your product is a system
3.25MSeed capital from Village Global & angels
200%Increase in sales conversion ratio
200+Connected sales & CRM integrations
When a product has many moving parts, the design job is making them read as one.
08 · Deliverables
Website
Marketing site design, Page narrative and structure
Product
Ask AI command bar, State and interaction system
Motion
Multi-agent story, Command bar animation
Extension
Spoc by Breakout, Outdoor and print
Shortcuts
- WWork
- CContact
- TLight or dark
- 8Random featured project
- ?This sheet
