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.
Form
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

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.