mountains

Dylan Smith

Designing & developing

0px
pixel-perfect
interfaces. Building reusable and scalable systems for the people who use them.
Leading design at SmartAdvocate.

Intro

First Principles

“You don't rise to the level of your goals, you fall to the level of your systems.”

— James Clear


0px
The details matter

Small details compound over large surfaces to make a big difference.

Solutions over tools

Work backwards from the blue-sky result. Systems support the solution, not the other way around.

Be kind to your future self

Document the why and leave clever breadcrumbs.

Design TokensLayout SystemsPrototypingMCPSkills & Agents

Outcomes

2design systems

Designed & shipped end-to-end, from token architecture to WCAG-compliant components.

Tokens
States
Spacing
100+

pages of documentation authored

10+ years

across design, development, and data engineering

60%faster data migrations

Cut from 3 months to 2 weeks across 12+ concurrent projects by standardizing project structure and building a custom Python CLI package.

migration-starter-kitrepository$ db-cli migratepython cli

Work

Design SystemASP.NETTokensWCAG

SmartAdvocate UI Refresh

Sole designer & developer on the site-wide UI refresh — first design system at the company, shipped into a legacy ASP.NET / DevExpress codebase with no regressions.

Bank Reconciliation

Bringing the experience of reconciling bank statements into the 21st century.

RapidPay

Two-panel design with a guided workflow for processing payments, replacing a disjointed legacy multi-step experience.

Side Project

rarebrew.gg

A desktop-first PWA deckbuilder for Magic: The Gathering Commander — custom component library on design tokens, Recharts visualizations, Scryfall + EDHREC data layer.

ReactNext.jsTypeScriptTailwindCSSSupabaseRechartsPWA
Visit rarebrew.gg ↗