Design and brand alignment
Modules designed to match your website and product, with typography, colour, buttons and imagery defined once.
Email Production
Build every email in minutes with an email design system.
An email design system is a library of pre-built, on-brand modules your team can combine into any email, directly in the platform you already use. We design, code and document the system, so anyone on your team can build consistent emails that render perfectly everywhere, without touching code.
Overview
Stop rebuilding the same email from scratch.
In most teams, every email starts as a copy of the last one. Code is duplicated, brand details drift, and every change needs a developer. Production is slow, inconsistent and error-prone, and it only gets worse as you add markets, brands and campaigns.
A design system replaces that with a shared set of components and modules built on a single grid. Your brand is configured once, every module is tested across email clients, and new emails are assembled rather than rebuilt. Our code powers the emails of some of the world's largest brands, and the same approach works for teams of any size.
Services
What's included
Every system is built around your brand and your platform:
Modular architecture
Header, footer, hero, content, product and card modules built on a 12-column, 640px grid that fit together in any order.
Bulletproof code
Hand-coded, responsive HTML tested across every major email client, with dark mode and accessibility support.
Platform integration
Built natively in your platform's editor, with editable fields, merge tags and dynamic content configured.
Interactive modules
Optional carousels, accordions, reveals and other interactive modules, with fallbacks for every inbox.
Documentation and training
Design system documentation, asset specifications and team training, so everyone can build with confidence.
Process
How we work
- 01
Audit
Review your recent emails, brand guidelines and platform setup to identify the layouts and content types you need.
- 02
Design
Design the component library and modules, aligned with your website and approved by your team.
- 03
Build
Code, test and integrate every module in your platform, with brand variables and editable fields configured.
- 04
Launch
Document the system, train your team and support the first campaigns built with it.
What you get
- Email component and module library
- Master template coded for your platform
- Header and footer variations
- Content, product and card modules
- Brand variables and custom font setup
- Email client and dark mode testing
- Design system documentation and training
A good fit if
- Every email starts as a copy of the last one
- Brand consistency varies by team or market
- Simple changes need a developer
- You're moving to a new email platform or builder
- You want non-technical teams to build emails
Platforms
Built for your platform
See what's included and pricing for the platforms and builders we work with most:
Resources
Related reading
Practical guides from our Resources section, written from real client work.
What is an email design system, and why does your team need one?
An email design system is a library of pre-built, on-brand email modules. Learn how it differs from a style guide and why it speeds up email production.
Read article →
Components and modules: how one email design system builds every email
How components combine into flexible modules, and modules into any email. The building blocks of an email design system and why a few dozen modules are enough.
Read article →
Why copy-and-paste email production breaks, and the better way to work
Linear workflows and copy-and-paste code make email slow, inconsistent and error-prone. Here's how an email design system fixes production for growing teams.
Read article →
The 640px email grid: column widths and asset sizes you'll actually use
A 12-column, 640px email grid with a 6-column mobile grid. Column widths, @2x image sizes and the simple formula behind every layout.
Read article →FAQs
Frequently asked questions
What is an email design system?
An email design system is a library of reusable, on-brand email components and modules, with guidelines for using them. It lets teams build new emails by combining tested modules instead of coding each email from scratch.
How is a design system different from an email template?
A template is a fixed layout. A design system is a set of interchangeable modules that can be combined into any layout, so one system can produce newsletters, promotions, onboarding emails and more.
Which platforms can you build for?
We build design systems for email builders such as Stripo, Chamaileon and Taxi for Email, and for platforms including HubSpot, Adobe Marketo Engage, Mailchimp, Upland Adestra, Braze, Klaviyo and Salesforce Marketing Cloud.
How long does it take to build an email design system?
It depends on the number of modules, brands and platforms involved. We'll give you a clear timeline after the initial audit, and your team can start building with the core modules before the full library is complete.
Contact
Let us take the stress out of managing your lifecycle marketing.
If you are interested in hearing how our lifecycle marketing services can help maximise your email channel and wider customer journey, fill in the form below and receive a FREE consultation. In our initial consultation, we will dive deeper into your unique requirements and learn how we can maximise your email channel for increased performance and conversions.