Setting the tone
A shared design language shaping everything from our product interfaces to our marketing. It defines how our brand looks, feels, and behaves across every touchpoint. Built on principles of clarity, consistency, and accessibility, Dialtone keeps our visual identity cohesive and unmistakably Dialpad.
What's New
The latest from Dialpad Design.
Introducing DtSlider: Accessible value and range selection
DtSlider is a new component for choosing approximate values or ranges, such as volume levels and price filters.
Dialtone 10 (Next) in Figma, Part 2: Styles
Dialtone 10 (Next) text, shadow, and gradient styles are now in Figma, building on the variables we published in Part 1. It's the second step toward a Figma library that always matches Dialtone.
Dialtone 10 (Next) in Figma, Part 1: Variables
Dialtone 10 (Next) tokens are now available as Figma variables, generated from the codebase and kept in sync with it. It's the first step toward a Figma library that always matches Dialtone, and toward prototypes that start out in Dialtone and stay consistent with it.