Explore foundational principles and patterns of the Calcite Design System.

Design System Foundations

Foundational patterns, guidelines, and resources for building engaging and adaptive interactive experiences. Build and extend Calcite Components and patterns while maintaining consistency and familiarity.


Empower all users by building usable products.

Colors and theming

Patterns for customization and branding.


Guidelines for font, sizing, and languages.


Empower and guide users with appropriate and contextual iconography. Explore thousands of icon concepts across multiple libraries to find the right asset for your project or application.

Icon Search

Search thousands of icon concepts for the appropriate graphic.

Using UI Icons

Usage guidelines for implementation of Calcite UI Icons.

Using Point Symbols

Usage guidelines for implementation of Calcite Point Symbols.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.