TD Bank (Securities) Design System

Tokenized Foundations

TD Design System preview

Role

Product Design Intern

Timeline

2023

Team

TD Securities

Tools

Figma
Design Tokens

A foundation that makes consistency the default.

I led the development of tokenized design foundations for TD Securities' internal design system, creating scalable color, typography, and spacing systems that could be maintained and reused across products.

Semantic tokens, theme support, and documentation teams can actually use.

I created a token system with semantic naming conventions and built-in support for light and dark themes. The output included usage guidelines and documentation to help design and engineering adopt the same source of truth.

Faster design decisions and a cleaner handoff to engineering.

With consistent foundations in place, teams can ship UI faster, reduce ad-hoc styling, and improve accessibility by relying on standardized, tested values.

Tokens are a product: naming, governance, and adoption matter.

A good token system is as much about clarity and workflow as it is about values. The hardest part isn't generating tokens, it's making them easy to choose, hard to misuse, and simple to maintain.