Bevel Email Design System

Bevel needed a welcome and cart-recovery flow that felt like one brand experience, not five disconnected sends. We built a 3-part Welcome Series and a 2-part Abandoned Cart flow around a single visual system — black wordmark lockup, pill CTAs, and a recurring benefit-icon footer — so every touchpoint in a new customer's first week reinforces the same tone.

The second cart email called for a countdown timer promoting a limited-time price — a constraint most designers don't account for, since email can't run JS or CSS animation. Live countdowns work as dynamically-served images, recalculated per open, but Apple Mail's Privacy Protection pre-fetches images at delivery rather than at open — meaning without a fallback, recipients would see a countdown frozen or expired the moment they opened the email. We designed the block with that failure mode in mind: a static fallback state alongside the live countdown mock, documented for handoff so engineering could implement against a known, tested constraint rather than discovering it post-launch.

The system was built component-first in Figma using the Email Love plugin — benefit-icon row, footer, and product-card module all built once as reusable components, then exported directly to build-ready email HTML. That workflow skips the usual manual-coding and cross-client QA pass entirely, so the flow could hand off straight to the ESP with minimal engineering friction.