Dialtone's next major version includes breaking changes. The Migration Guide includes step by step instructions and automated tooling.

docs/extension-test-page

Foundations
Design System
UI Kits
Downloads
What's New

Local navigation

  • Overview
  • Logo
  • Color
  • Type
  • Layout and Spacing
  • Icons
  • Gradient
  • Motion
  • Graphic System
  • Product Storytelling

Foundations

The fundamental design principles and elements that form the basis of Dialpad's design system.

Logo
The Dialpad logo puts our brand name at the forefront, complemented by our visual symbol "the Spark."
Color
A systematic and accessible color palette that supports both functional needs and personalized experiences within our products.
Type
Type
The brand typeface for Dialpad is Season, in the Sans and Mix versions.
Layout and Spacing
A unified system for dimensions, spacing, and scale.
Icons
An icon style for visually communicating commands, status, and more.
Gradient
The Dialpad gradient is one of the key elements of the brand. It signifies optimism, innovation and the power of the Dialpad platform. Always use the approved gradient assets to assure consistency.
Motion
Guidelines for marketing animation and motion design
Graphic System
Abstract graphics and illustrations used across Dialpad's brand and product surfaces.
Product Storytelling
Product Storytelling
Patterns and guidance for communicating product value, feature moments, and user journeys.
Next Logo

Foundations documentation last updated Thursday, June 18, 2026