Podium home
A design system home experience framing Podium as the shared foundation for Nike digital product teams, with brand-forward visual language, navigation, resource entry points, and system principles.
Portfolio
Nike Design Systems · design engineer
Five years of design systems, documentation, accessibility, motion, and design-to-code work across Nike’s Enterprise Design System (EDS) and Podium—React + TypeScript surfaces teams used day to day.
Most of this lives behind VPN/Okta, so there are no live links here. I lead with what I contributed, how I think about systems work, and why it matters; after that, representative full-page captures from internal docs—a small sample of pages, not the whole catalog.
Themes from my time with design, engineering, and program partners.
Built and documented reusable React + TypeScript primitives and interaction patterns.
Partnered with designers to reduce drift between Figma specs and production implementation.
Contributed to documentation systems that helped teams self-serve component usage, accessibility guidance, and design token decisions.
Supported EDS → Podium adoption through migration resources, office hours, and engineering support.
Architected motion token and utility-class documentation with prefers-reduced-motion support.
Helped build MCP-backed design system tooling exposing tokens, component APIs, and system context for engineers and AI-assisted workflows.
Defaults, scaffolding, and docs should steer teams toward consistent patterns without blocking reasonable exceptions.
Clear information architecture, predictable examples, and maintainable content reduce slack pings and rework.
Semantics, keyboard flows, focus, and motion preferences belong in the system—not as one-off fixes downstream.
Shared language around tokens, components, and motion keeps design tools and shipped interfaces aligned.
The strongest systems aren’t only component libraries—they’re infrastructure: clear APIs, accessible defaults, consistent visuals, documentation teams trust, and adoption support so product teams ship better interfaces faster.
Representative full-page screenshots from Podium and EDS documentation—the visual companion to the sections above. Each grab is one URL inside a much larger internal site; select an image to enlarge.
A design system home experience framing Podium as the shared foundation for Nike digital product teams, with brand-forward visual language, navigation, resource entry points, and system principles.
A searchable component status surface helping teams understand availability across code, design, docs, and Figma resources.
A filterable token reference for color, spacing, radius, shadow, breakpoint, and motion tokens with values and visual examples.
Interactive motion token documentation covering duration, delay, and easing decisions for consistent transitions across the system.
Reusable animation utility documentation with examples, usage guidance, and reduced-motion accessibility considerations.
Component documentation combining visual examples, usage guidance, best practices, accessibility notes, and live-code patterns.
Component documentation combining visual examples, usage guidance, best practices, accessibility notes, and live-code patterns.
Accessibility documentation for designers and engineers covering WCAG principles, semantic patterns, keyboard behavior, screen reader support, and implementation checklists.
Earlier EDS documentation surfaces supporting internal enterprise product teams with components, tokens, usage guidance, and contribution pathways.
Earlier EDS documentation surfaces supporting internal enterprise product teams with components, tokens, usage guidance, and contribution pathways.
Earlier EDS documentation surfaces supporting internal enterprise product teams with components, tokens, usage guidance, and contribution pathways.