Chocolatey Design System

Prioritizes the user experience and simplifies the design process, resulting in intuitive and seamless products that exceed customer expectations.

Contribute Get Started
Chocolatey Design System
Chocolatey Design System Foundations

Brand

Chocolatey Software's mission and values.

Explore All Brand

Chocolatey Design System Foundations

Foundations

The core concepts of choco-theme that are used to create complex, yet simple and engaging user experiences.

Explore All Foundations

Chocolatey Design System Foundations

Utilities

Classes that are used to achieve repeatable styles and layouts.

Explore All Utilities

Chocolatey Design System Foundations

Components

A group of reusable code blocks that can be used to build complex yet flexible layouts.

Explore All Components

Chocolatey Design System Foundations

Content and Marketing

Usage on proper voice in marketing materials, from content in docs to graphics used to promote events.

Explore All Content and Marketing

Chocolatey Design System Foundations

Resources

A home for all the resources used in choco-theme, including docs, fonts, and icons.

Explore All Resources