The Dell Design System

A unified design language to support Dell’s digital universe⁠—ensuring design is accessible, inclusive, and useful.

Image Hero Section
Introducing Image

Introducing Version 2

The Dell Design System v2 is a reimagination of Dell’s existing design system. We’ve rebuilt our elements from the ground up, creating designs that provide guidance yet ensure flexibility. We’ve written reusable front-end code along with design guidance and developer documentation.

You can still access the Dell Design System v1 by navigating to its new URL.

Get started with our designs and code

Figma UI Kit

The component and style design kit for Figma.

Vanilla Components

Pure HTML, CSS, and JavaScript components that can adapt to any web framework.

Web Components

Custom HTML elements with encapsulated styling to build your own DOM element.

Featured designs

Foundations Image


The scaffolding that supports the experience.


Fonts with clear hierarchies to instruct and guide users with text.


Palettes that both reflect Dell’s brand and serve as tools for differentiation.
Components Image


The building materials of design.


Selectable text that helps users navigate to new locations.


Interactive elements that let users intiate actions.
Patterns Image


Common templates for repeatable components.


Filters are used to set parameters on datasets. They help users refine results to find relevant content.


Forms are used to submit information. They may be used to initiate a process, sign into an account, request more information, or buy a product.

Join our community

Sign up for updates

Fill out this form to join our mailing list or to volunteer for user research.

Get in touch

We appreciate and rely on your feedback. Please let us know what’s working for your team and what isn’t.

Find us on Teams > Dell Design System

Fill out our feedback form

Learn what our design system has to offer


Adaptable, consistent experiences across devices and platforms.


A scalable platform that allows teams to contribute to and explore code and design.

Reusable Code

Front-end code supported by two frameworks: Vanilla and Web Components, with Angular and React on our roadmap.


Each element reviewed by Dell’s Accessibility team in pursuit of design that works for everybody.


Design guidance that speaks Dell’s language.


Maintained by a dedicated team of designers, developers, writers, and product managers.