Skanda Sriganesh All work
Capital One · Enterprise Design Systems

Enterprise Design System

A massive, living system powering every Capital One digital experience. These are the four pillars I shaped to make it functional, adoptable, understood and trusted.

A quick, honest note

This is a deeply internal system. For legal and confidentiality reasons it isn't public, so this page won't show the real components. But it lives everywhere across Capital One: the consumer apps, the web experiences and the internal tooling site. So instead of pixels, this is about the four pillars I care most about.

00

The four pillars

Design at Capital One is intentionally segmented: many teams, many features. A real enterprise system has to hold all of that together, which is less about screens than about four things that decide whether a system actually gets used.

Tooling, contributions, education and documentation. That's how a company designs together.

PILLAR 01

Tooling

A component isn't done when it looks good. It's done when it's functional and easy for another designer to pick up and use correctly.

The payment-card component is the clearest example of that approach: one reusable structure, many states, holding up across products, platforms and languages while staying scannable. Everything is built right from the start.

01

Tokenized end to end

All styling driven by tokens, so the system stays consistent and can shift globally without rework.

02

Dynamic type & dark mode

Reflow and theming handled by default, not bolted on after the fact.

03

Accessibility baked in

Accessible color and behavior inherited by every component, every time.

Annotated shared card component showing header, card details, and optional linked-account footer, with anatomy labels and 16px corner radius spec.
Shared card anatomy: one structure with defined regions designers and engineers can rely on.
Payment card component shown at compact and full mobile sizes, demonstrating how type and layout reflow across breakpoints.
Dynamic type in practice: the same component scales from compact cards to full merchant and VCN views.
Side-by-side comparison of Venture One, Venture X, Venture X Business, and Savor card components in light mode and dark mode.
Light and dark mode across product lines, tokenized from the same component structure.
PILLAR 02

Contributions

Before this, every team was inventing its own patterns for its own features. A natural consequence of how segmented design is here, but a recipe for drift.

From an enterprise seat, I built a contribution funnel for the Capital One app's local design system: clear criteria a pattern must meet to graduate to the official kit, and a place for new patterns to prove themselves first.

01

Graduation criteria

A defined bar a pattern must clear before it becomes an official, supported component.

02

A sandbox environment

A dedicated file where new patterns can grow, iterate and be adopted by teams before promotion.

03

Research-backed cases

Evidence presented to make the case for graduation, so decisions aren't taste alone.

PILLAR 03

Education

You can build the best components in the world, but if you don't teach consumers how to use them, there's no point.

So a real part of the role is getting everyone speaking the same language: the people adopting new platform direction and the designers just starting out.

01

Native updates & Liquid Glass

Led education on the latest native direction Apple is mandating, so teams adopt it correctly.

02

Entry-level curriculum

Kicked off the basics for new designers: what a design system is, what tokens are, and the shared vocabulary that makes enterprise design possible.

PILLAR 04

Documentation

To support a system at scale, you need resources good enough that most questions answer themselves. I wrote and refined a lot of that documentation at Capital One, to a high bar as considered as the components themselves.

Documented components
  • Alerts
  • Top navigation
  • Bottom navigation
  • Toggles & more
Every entry includes
  • Do's & don'ts
  • Anatomy
  • Real usage examples
  • High-caliber visuals
05

Functional to expressive

I also worked on the system's icons and illustrations along a deliberate spectrum. Each app can define what its functional end looks like and what its expressive end looks like.

The system supports both, with documentation to keep them coherent rather than accidental.

In short

A system is how a company designs together.

Happy to walk through the funnel, the curriculum, the documentation bar and how it holds up in production over a call.

Let's chat