Cmd/Ctrl + K to search
ESC to clear / exit
Soul Design System
  • Home
  • Foundations
  • Components
  • Patterns
  • Content
  • AI & No-Code Guidelines
Home Foundations Components Patterns Content AI & No-Code Guidelines
  • Components
    • Overview
    • Accordion
    • Avatar
    • Avatar group
    • Avatar info
    • Badge
    • Breadcrumb
    • Bulk-action bar
    • Button
    • Button group
    • Checkbox
    • Checkbox button
    • Container
    • Data table
    • Dropdown confirm
    • Dropdown menu
    • Highlight
    • Link
    • 🚧 List item
    • Menu button
    • Modal
    • Number input
    • Progress bar
    • Radio button
    • Radio button card
    • Side panel
    • Snackbar
    • Tab & Tab list
    • Text input
    • Info text
  • In-progress
    • Accordion group
    • Accordion box
    • Banner
    • Floating panel
    • Brief tooltip
    • Split button
    • Select
    • Toggle
    • Tooltip
    • Label tag
    • Keyboard shortcut
    • Chip
    • Search input
    • URL input
    • Message bubble
    • Platform tag
    • Fullscreen dialog
    • Product header
    • Navigation
    • Empty state
    • Teasing page
    • Segmented control
    • Date picker
    • Toggletip
    • Label tag group
    • Slider
    • Wizard
    • Time picker
    • Color picker
    • Icon picker
    • Structured list
    • Loaders
  • Template {Component name}

Info text

Text input
Resources
Accordion group
Usage
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.

  • Emplifi Design team
  • Emplifi Design blog
  • Figma Community
  • Soul Storybook
  • Report issue

© 2025 Soul Design System. Page last updated on Nov 4, 2025, 09:11