< Back to Portfolio

The Vancouver Club

A 48-block Denada email design system for a historic members' club, with light, ivory and dark surfaces and a team course.
Email Design Systems
Denada
Responsive Email Templates
Dark Mode
Documentation & Training
Strategy
Client
The Vancouver Club
Role
Email Designer, Developer & Strategy
ESP
Klaviyo
Four Vancouver Club emails: Family of Wines, Chef & Brewer Series, Luke Combs Live and Rosé of Summer

Project Summary: The Vancouver Club Email Design System

The Vancouver Club is a historic private members' club, and its email needed to feel as considered as the club itself. It also had to work for a small in-house team sending for the main club and several sub-clubs. We built a complete email design system and master template in Denada, then documented it and taught the team how to use it.

Foundations

The system starts from brand tokens: the club's colour palette (DeepGreen, RoyalPurple and Dark tones, with an Ivory surface) and its type stacks, set once in the library theme so every block inherits them. Every block works on three surfaces: Light, Ivory and Dark. Dark is designed as its own surface, not left to the inbox to invert, so buttons, text and the crest stay legible in dark-mode clients. Logos swap automatically in dark mode.

Blocks

The master template has 48 hand-coded blocks in 10 categories, including Headers, Heroes, Body, Events, Cards, Banners, Agenda Items and Footers. Each block is a small set of decisions rather than a fixed picture: a theme, a brand tone with spacing, and content slots for eyebrow, headline, button and retina images. That is how 48 blocks cover hundreds of real emails.

The sub-clubs share the system without breaking it. The Grand Crew Wine Club, the Highlanders Whisky Club, Vancouver Club Cycling and the Swim Team each get their own header in light and dark versions: the crest changes, the system doesn't.

Documentation & training

  • Block & Options Guide: a reference to every block and every option, with light and dark views.
  • Email Design Course: nine interactive lessons on arranging blocks well, covering the shape of a good email, rhythm, hierarchy, images, writing that fits the design, colour across sub-brands, dark mode, editing down, and reading an email like a Member.
  • Start Here hub: a page inside Denada that links the team to the course and guides from where they build.

What's next

The Figma design system that mirrors the coded library is in progress. It will give designers the same blocks, tokens and dark-mode surfaces the team already builds with.

Logo

No items found.

See other projects

Eight Goose Insurance emails in English and French: Guaranteed Acceptance campaign and product nurture series

Goose Insurance

Bilingual lifecycle, launch and campaign emails for Goose, Canada's insurance app, from travel policies to life insurance.
Email Development
Responsive Email Templates
Email Design Systems
Braze
Four Article emails from the Iterable master template

Article

A Mailchimp-to-Iterable migration, master template and lifecycle email system for a modern furniture brand.
Email Design Systems
ESP Implementation
Iterable
Responsive Email Templates
Dark Mode

DailyPay

Discover how we maintain and enhance DailyPay's email design system, empowering their team and streamlining campaigns for maximum impact.
Email Design Systems
Responsive Email Templates
Parcel
ESP Implementation
Iterable

Ready to get started?

You’re one step away from having beautifully tailored emails