← All work

Design system & training

Zembl Design System

Empowering Zemblrs to create, in-house.

Zembl had a vision for a modern breed of marketer that could create for themselves. Our job was to set them up for success – a system that keeps everything on-brand, on-tone and compliance-tight, even for people never trained in design.

ZemblDesign systemICONS
The Zembl icon library – a full set of custom line icons for the design system
The icon library – accessible from a bespoke drop-down built in Figma

Client need

Zembl needed a way to guarantee consistency and brand integrity while creating for themselves in Figma. With everyone from marketing heads to interns taking part – across a wide range of skillsets and talent levels – they needed a system that made it almost impossible to produce off-brand assets, and a governance philosophy to put it into practice.

Working through the Zembl brand system

The system, and the training

Using the freshly minted Zembl brand guidelines, and drawing on our Commercial & Industrial customer-lifecycle journey, beagle built a bespoke Zembl Design System: a library of drag-and-drop modules and icons.

It harnesses the smart features of Figma so that tasks like recolouring an icon or assembling a communications module take a click or two. There are a few tricks to it – it’s easy when you know how – so we trained everyone from the CMO to the interns. Now they’re off and running.

“A system that makes it almost impossible to create off-brand work.”
Zembl communications templates – modular SME layouts with headline, stat and image blocks
Zembl customer eDM – Letter of Authority sign-up flow
Drag, drop, and edit modules like these – that's all Zembl marketers had to do.

In the customer’s inbox

The same system powers Zembl’s customer lifecycle comms – modular eDMs the marketing team assembles, edits and ships in-house.

Benefits to Zembl

Got a project like this?

Let’s talk

Tell us a few details and we’ll get right back to you.

Enquire