design.md

Preview

# deezer.com Design System

> Inspected by UI Archive — https://ui-archive.com/deezer.com
> Last updated: 2026-04-15

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-white | #fff | Defined in :root as --color-white |
| --color-black | #000 | Defined in :root as --color-black |
| --color-grey-400 | #a2a2ad | Defined in :root as --color-grey-400 |
| --color-grey-500 | #52525d | Defined in :root as --color-grey-500 |
| --color-grey-600 | #32323d | Defined in :root as --color-grey-600 |
| --color-grey-800 | #191922 | Defined in :root as --color-grey-800 |
| --color-accent-main | #a238ff | Defined in :root as --color-accent-main |
| --color-accent-strong | #9333e8 | Defined in :root as --color-accent-strong |
| --color-accent-weak | #c17aff | Defined in :root as --color-accent-weak |
| --color-accent-light | #d09aff | Defined in :root as --color-accent-light |
| --color-intent-error | #df3c3c | Defined in :root as --color-intent-error |
| --color-intent-warning | #ec7f11 | Defined in :root as --color-intent-warning |
| --color-intent-success | #00b23d | Defined in :root as --color-intent-success |
| --color-background-feedback-error-default | #f44336 | Defined in :root as --background-feedback-error-default |
| --color-bg-brand-premium-selected | #f6ebff | Defined in :root as --color-bg-brand-premium-selected |
| --color-bg-brand-family | #ff673d | Defined in :root as --color-bg-brand-family |
| --color-bg-brand-family-selected | #fff0ec | Defined in :root as --color-bg-brand-family-selected |
| --color-bg-brand-trio | #2f7c90 | Defined in :root as --color-bg-brand-trio |

## Typography

…

All Tokens