Marketing Design Library

The Figma library behind every ProvenExpert marketing campaign

At ProvenExpert, the marketing team kept rebuilding the same badges, headers and review elements for each campaign. I set up a Figma library with our colors, logos, campaign components and illustrations — so designers, freelancers and the social team can reuse what's there instead of starting over.

Company

ProvenExpert

Role

Design Systems Lead

Focus

Design Systems & Marketing

Year

2024

Isometric layout on a cream grid: ProvenExpert logo, review cards with 5-star ratings, "SAVE 40 %" discount circles, and a Google profile card, each framed by purple Figma component outlines.

The duplicate asset problem

Before the library, every designer kept their own versions of our logos, badges and icons across different files. New freelancers couldn't see what we'd shipped or how our campaigns usually look. I wanted one place that held all of it — where anyone new could catch up on our direction in minutes.

Colors, logos, base

I started with the foundations: our brand colors as Figma styles, and a logo component with eight variants — horizontal with and without claim, square and icon-only, each in light and dark. Any designer can drop in the right version without digging through folders.

Figma color-style panel showing the Blue, Red, Gold, Grey, Orange and Green scales plus gradients, with the Marketing Library picker open on the right.
Eight ProvenExpert logo variants in a Figma component — horizontal with and without claim, square, and icon-only, each in light and dark — with the variant-property editor open.

Campaign components

The campaign elements are the most-used pieces. A discount circle has twelve variants — three colors, two layouts, English and German — and you set the number and label through component properties. Text and background colors are paired upfront, so they always work together.

Discount-circle campaign component with twelve variants across three colors and four labels, properties panel open in Figma.

Icons and illustrations

Beyond that, I gathered our icon set, UI illustrations (designed by our visual designer under my art direction) and hand-drawn arrows, and set them up as reusable components. They layer onto photos in campaign headers or stand on their own as spot illustrations.

Illustration set: review cards at 1-, 2- and 5-star ratings, a thumbs-up icon, clipboard, browser window, monitor, medal, trophy, award ribbon, rocket, envelope — and UI mockups of a Google result, a review card, All Listings, Google My Business, and the ProvenExpert profile.
Grid of about forty hand-drawn arrow scribbles in different weights and curvatures.
Grid of about forty hand-drawn arrow scribbles in different weights and curvatures.

Where people use it

The library feeds email headers (shown here), blog post headers, newsletter graphics, lead magnet PDFs — and some illustrations also live in widgets on the product dashboard. Two freelancers, my visual designers, design interns and the social team pull from it every week.

Browser mockup of a promo email: "Polish your reputation, not your wallet" with a cleaner holding a laptop and a SAVE 30 % circle.
rowser mockup of a campaign email: "Your protection against negative reviews" with a man holding a shield blocking rocks shaped like 1-star reviews.
Browser mockup of a campaign email: "Don't limit your potential!" with a surprised man at a laptop and a 25 % discount badge.
Browser mockup of a promo email: "9 out of 10 google you — What do they see?" with a man looking at a laptop through a magnifying glass.
Browser mockup of a promo email: "Convince with Google stars" with a woman pointing at a mocked-up Google search result showing her ProvenExpert profile.

What's next

The library gets regular updates — right now I'm adding our brand guide to the file, so freelancers and new colleagues can get a feel for the brand without a separate onboarding call.

“It’s been a pleasure working alongside Dara for the past few years. His structured approach to managing projects & his precise creative feedback make delivering great work incredibly easy.” – Jon England

“It’s been a pleasure working alongside Dara for the past few years. His structured approach to managing projects & his precise creative feedback make delivering great work incredibly easy.” – Jon England