Badge

A badge is a label or decorative indicator used to communicate information within the UI in a highly visual way. We categorize badges into three types: those that communicate the status of a piece of content, those that provide non-actionable information, and special cases that have been designed for a specific issue.

Design assets

Use the following links to navigate the Figma design library and design specification. The design library serves as the component's origin, while the design specification provides detailed guidance on layout, behavior, and usage. Refer to these resources to maintain consistent and accurate implementation.

Design asset

Display the source of the asset in the Figma design library.

Design specification

Display the detailed specification of the asset in the Figma file.

Dev assets

Use the following links to navigate the Storybook, where you’ll find a developer preview, documentation, and a complete asset setup. Refer to these resources to ensure a consistent and robust implementation within your design system.

Dev asset preview

Discover the preview of the asset in the Storybook.

Soul Design System by Emplifi

Soul is the heart of Emplifi's effort to design the best CX platform for its customers. The design system collects principles, components, patterns, copywriting guidelines, and more.