Scaling Paid Media —
Through Design Systems

Principal, Visual Design

Multi-Channel Paid Media

I created a scalable paid media design system with modular Figma components for Meta, TikTok, Google, and Pinterest. The interactive four-tab prototype translates the brand’s typography, color palette, and sharp editorial aesthetic into an efficient campaign tool.

Live Rendered Ad Previews Per Platform

Four Tabs.

Tokens —

Color swatches with hex/CSS token references, live type scale from 72px Fraunces display down to 11px DM Mono labels, and a visual spacing scale.

Formats —

Platform matrix for Meta / TikTok / Google / Pinterest; click any platform to see all its format cards with aspect-ratio visualizers, dimensions, and primary/secondary tagging; a cross-platform coverage matrix at the bottom.

Components —

Modular ad building blocks switchable between Headlines (3 display variants in brand red), CTAs (4 button styles), Badges (4 tag types), and Visual treatments (full bleed, framed, split canvas, and the Slow Coffee collage-stack from the reference poster).

Gallery —

Live rendered ad previews per platform: Meta gets square/portrait/story, TikTok gets in-feed with UI chrome, Google gets banner/responsive/rectangle, Pinterest gets pin/square/idea pin — all in the Slow Coffee brand with the original uploaded creative shown as a reference.