Guides

In-depth guidance to support consistent, high-quality product design.

Accessibility
Guidance on building products for everyone.
Brand
Details on Dialpad's identity and who we are as a company.
Dialtone CLI
Search Dialtone APIs and documentation from the command line.
Content
Guidelines for in-product writing.
Contributing
Help Dialtone be even better.
CSS Cascade Layers
Understanding and working with Dialtone's CSS cascade layer architecture.
Design Assets
Figma toolkit of building blocks for exploration and collaboration.
Design Principles
The core values behind Dialpad's experiences.
Dialtone ESLint plugin
Find deprecated Dialtone APIs, migration work, and accessibility issues in Vue templates.
Getting Started
A quick start guide to add Dialtone to your project.
Dialtone MCP Server
Search Dialtone's design system with AI assistants using the Model Context Protocol
Dialtone Stylelint plugin
Check stylesheets for deprecated Dialtone tokens and CSS patterns.
Migration Guide
Step-by-step guides for migrating to the latest Dialtone major version. Each guide covers what changed, why it changed, and how to update your code — including automated migration tools.
Theme and Mode
Dialtone system to customize appearance and support light/dark modes.
Dialtone VS Code Extension
Get Dialtone completions and documentation while working in Vue, CSS, and Less files.

Guides documentation last updated Tuesday, October 27, 2026