What's New
-
Introducing the Connected Design System
The Connected Design System (CDS) is the design system that powers our customer-facing products across brands. It replaces the patchwork of per-product styles, ad-hoc components, and unspoken conventions that built up over the years with one coherent source of truth — covering visual language, components, and the documentation you are reading right now. This article is meant for the teams who will consume CDS: front-end developers, designers, and anyone who builds customer-facing experiences and needs to know what to use, when, and how. CDS is delivered as three things you can pick up and use today. A pure CSS package, , that you drop into a project to get the foundations (tokens, typography, layouts, utilities) and the components (buttons, cards, forms, navigation, feedback). The CSS is b...
-
Chip
A compact selectable button for filters, tags, and group selections.
-
Carousel
A Swiper-based carousel with a custom progress indicator for navigating between slides.
-
Date Picker
A combined text-input and calendar component for collecting specific dates.
-
Form Stepper
A sticky form header that communicates progress through a multi-step process.
-
Checkbox and Radio
Two foundational form controls for multi-select and single-select choices.
-
Simple Card
A lightweight container for grouping related content with consistent surface styling.
-
Slider
A new range-input component for selecting numeric values inside a known range.
-
Tabs
A composable Tabs component for switching between related views in the same context.