# Mark Toadvine

> Trying to live a full life, while making art along the way.

Are we designing according to what we imagine, or imagining according to what our tools make possible?

[Mark Toadvine](https://www.marktoadvine.com/)

## Systems

### The Brookfield design system

Since 2021

I built it, and I keep it growing across brands. Treating the system as a product, with all the care and upkeep that comes with that. Here's a look at the core Figma file.

[The Brookfield design system](https://www.figma.com/design/2fwo4pQvM7JWUrw73tQJ4H/Brookfield---Core-Component-Library?node-id=0-1&t=bdqtLNTGQA1WPKq4-1)

### Design system documentation spec

2026

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.

[Design system documentation spec](https://designsystemdocspec.org/)

### Accessibility Fieldnotes

2026

Accessibility decisions, open questions, and checks, written in Markdown so people and agents can keep the intent close to the component.

[Accessibility Fieldnotes](https://github.com/marktoadvine/a11y.fieldnote.md)

### A11y audit kit

2026

A plug-and-play setup for humans or agents to run Pa11y, and convert the report.json into a digestible markdown.

[A11y audit kit](https://github.com/marktoadvine/a11y-audit-kit)

## Agentic

### AI Agent-ready design systems at Brookfield

In progress

Bringing the system I built into the way we work with agents. Design, code, and the decisions between them. Still building, still figuring things out.

### Figma agentic /skills

Ongoing

Skills that make Figma do what I actually want, built one annoyance at a time. Essential. At least for me.

[Figma agentic /skills](https://www.figma.com/@marktoadvine)

## Sites and things

### A new website for Brookfield

2025

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 website for Brookfield](https://brookfield.com)

### A new Guideposts.org

2026

I restructured a giant content catalogue and rebuilt the UI around it. I hid a lil' peach accent in there for my Wife.

[A new Guideposts.org](https://guideposts.org)

### An accessible card stack in React

2026

Card stacks are tricky to make keyboard and screen-reader friendly. I built one that is, and I love it.

[An accessible card stack in React](https://marktoadvine.github.io/riffle/)

## Other Things

- [LinkedIn](https://www.linkedin.com/in/mark-toadvine)
- [Figma](https://www.figma.com/@marktoadvine)
- [GitHub](https://github.com/marktoadvine)
- [marktoadvine@gmail.com](mailto:marktoadvine@gmail.com)

© 2026 Mark Toadvine