A cohesive launch package

PETF design system

PETF design system

PETF design system

The challenge

The challenge

The Pierre Elliott Trudeau Foundation needed a unified design system that could bring clarity and consistency to its communications across digital, print, and social channels. With the website built in Drupal, the system also had to support easy content creation and scalable asset production without compromising quality.

Company

PETF

Role

Art director

Tools

Sketch • Photoshop

My focus

Visual storytelling • Branding • System design

The challenge

The Pierre Elliott Trudeau Foundation needed a unified design system that could bring clarity and consistency to its communications across digital, print, and social channels. With the website built in Drupal, the system also had to support easy content creation and scalable asset production without compromising quality.

Company

PETF

Role

Art director

Tools

Sketch • Photoshop

My focus

Visual storytelling • Branding • System design

My approach

My approach

My approach

Designing a system beyond a site

As Art Director at Evolving Web, I led the creation of a modular design system that extended far beyond the website. I began by auditing the Foundation’s existing materials and identifying patterns that could translate into reusable components. I then developed a cohesive visual language—colour, typography, grid, and imagery—that worked seamlessly across digital templates, print layouts, and social assets. Each element was designed with Drupal’s flexibility in mind, ensuring editors could produce new pages and campaigns while maintaining visual integrity.

The solution

The solution

The solution

A unified brand experience across every touchpoint

The resulting system established clear design rules and reusable templates that supported high-quality content creation at speed. On the website, modular components made it simple to publish fellow profiles, research features, and event updates without requiring new design work each time. The same design tokens and grid principles carried through to printed reports, event materials, and social graphics, giving the Foundation a consistent and contemporary presence wherever people encountered the brand.

Outcomes

Outcomes

Outcomes

A scalable framework for storytelling

The new design system became the Foundation’s visual backbone—empowering the internal team to create new assets confidently and independently. It elevated the overall quality and coherence of their communications, strengthened their visual identity, and provided a foundation that could evolve with future digital and print needs. The project also set a precedent within Evolving Web for how design systems could bridge web and brand design in institutional projects.

Want to talk design?

Let’s talk

I love to talk design, strategy, cats pretty much anytime 🤍

Dark gradiend background

Want to talk design?

Let’s talk

I love to talk design, strategy, cats pretty much anytime 🤍

Dark gradiend background

Want to talk design?

Let’s talk

I love to talk design, strategy, cats pretty much anytime 🤍

Dark gradiend background

© 2026 Tif Flowers All rights reserved.