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

Foundations

The scaffolding that supports the experience.

Typography
Fonts with clear hierarchies to instruct and guide users with text.
Color
Palettes that both reflect Dell’s brand and serve as tools for differentiation.
Components Image

Components

The building materials of design.

Link
Selectable text that helps users navigate to new locations.
Button
Interactive elements that let users intiate actions.
Patterns Image

Patterns

Common templates for repeatable components.

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

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

Flexibility
Adaptable, consistent experiences across devices and platforms.
Collaboration
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.
Accessibility
Each element reviewed by Dell’s Accessibility team in pursuit of design that works for everybody.
Branding
Design guidance that speaks Dell’s language.
Support
Maintained by a dedicated team of designers, developers, writers, and product managers.