Mark Toadvine
Trying to live a full life, while making things along the way.
Systems
The Brookfield design system
I built the Figma library the four other Brookfield brand sites now learn from, starting from scratch. A lil' breathing organism as the product and brand grow.Design system documentation spec
An open spec for documenting design systems so people and agents can read the same thing. PJ leads it, I contribute, and I believe in where it's going.A11y audit kit
A plug-and-play setup for humans or agents to run Pa11y, and convert the report.json into a digestible markdown.
Agentic
AI Agent-ready design systems at Brookfield
Making the system I built portable and distributable across a worldwide enterprise, via MCP. That's what I'm working on right now.Figma agentic /skills
Skills that make Figma do what I actually want, built one annoyance at a time. Essential. At least for me.
Sites and things
A new website for Brookfield
Brookfield's main site, rebuilt. Big team, a lot of Drupal, a lot of tokens. I'm a Senior Product Designer here and it's cool.A new Guideposts.org
I restructured a giant content catalogue and rebuilt the UI around it. I hid a lil' peach accent in there for my Wife.A fresh website for Blumont
A Brookfield child-brand that needed its own home, so I gave it one. My favorite thing is the logo animation in the nav, bc it's fun.An accessible card stack in React
Card stacks are tricky to make keyboard and screen-reader friendly. I built one that is, and I love it.