Design System - Magenta Design System

ONE system,
ONE language,
ONE team.

Magenta Design System helps teams design, build, and scale with confidence.

Get Started

A system built for
developers and designers

For developers

For designers

For business stakeholders

What's New

Stay up-to-date with all of
the latest additions

Featured Card

Subhead/ Timestamp

Magenta Design System helps teams design, build, and scale with confidence.

Featured Card

Subhead/ Timestamp

Magenta Design System helps teams design, build, and scale with confidence.

Heading

Subhead/ Timestamp

Magenta Design System helps teams design, build, and scale with confidence.

Heading

Subhead/ Timestamp

Magenta Design System helps teams design, build, and scale with confidence.

Heading

Subhead/ Timestamp

Magenta Design System helps teams design, build, and scale with confidence.

Components

Build faster with product-
ready components

Avatar

Compact Wrapper

Tab

Container Type	Size
Dry/General	20FT

Data Table

50%

Progress Bar

Stepper

Get started with Magenta

Become part of a growing community of designers and developers using Magenta Design System.