mixmi-color-system

What problem does it solve?

The Mixmi color system provides a unified, accessible palette with semantic meanings, hex codes, and usage patterns that ensure consistent branding and WCAG-compliant UI across all content types including loops, songs, playlists, video, and radio.

Core Features & Use Cases

• Semantic color tokens for content types (loops, songs, playlists, video, radio) with borders, hover states, and badges that clarify hierarchy.
• UI guidance & tooling: clear usage patterns, examples, and design tokens ready for CSS/Tailwind integration.
• Design system integration: ready-to-apply tokens for components and layouts across the platform.
• Use Case: A frontend designer applies mixmi-purple for loop cards and mixmi-gold for finished songs to maintain consistent theming on a dark background.

Quick Start

Use the color tokens like mixmi-purple, mixmi-gold, mixmi-indigo, mixmi-sky, mixmi-orange, mixmi-cyan in component styles and update the Tailwind config to expose these tokens and colors.