Dialtone Overview

Dialpad's design system for building consistent, accessible product experiences

What's New

Updates, progress and planning for all things Dialtone.

Migration Guide

Codemods and Linting for Dialtone Next

Getting Started

Quick start guidelines for using Dialtone in your project.

Foundations
The fundamental design principles and elements that form the basis of Dialpad's design system.
Components
Reusable components solving common UI needs, designed and built to be assembled in countless combinations.
CSS Utilities
A utility-first CSS framework for building user interfaces.
Design Tokens
Multi-platform values that make up Dialtone's design language
Content
Guidelines for in-product writing.
Vue Utilities new
Consumer-facing directives and utilities exported by Dialtone Vue.
UI Kits new
Domain-specific components built with Dialtone.
Downloads new
Download Dialtone brand, design, and product resources.

Dialtone Overview documentation last updated Tuesday, October 20, 2026