Deezer

This design system evokes a 'Digital Nightclub' vibe, pairing a dark, almost black background with vibrant, single-hue accents. Prominent high-contrast typography, especially the massive, weighty headlines, grabs immediate attention. The liberal use of a vivid violet for interactive elements and highlights creates an energetic pulse against the deep neutrals, reminiscent of neon lighting in a dim space. Sharp corners on most elements are softened by a few key rounded components, adding subtle visual dynamism. Prioritize Deep Violet (#a238ff) for all primary interactive elements to maintain energetic brand presence. Use Deezer Brand font exclusively for display headings (35px and above) and critical calls to action, leveraging weights 700 and 800 for maximum impact. Maintain a clear high-contrast hierarchy with Midnight Void (#0f0d13) and Ghost White (#fdfcfe) as primary text/background pairing. Apply 12px border-radius for primary buttons and 8px for cards and secondary buttons to establish a consistent softness. Ensure generous vertical spacing between sections (90-140px) to provide clear visual breaks and comfortable density. Utilize Inter font for all body copy, navigation, and detailed information, at weights 400-600 for optimal legibility. Avoid using gray tones for primary interactive elements; reserve Deep Violet (#a238ff) for key actions. Do not use Deezer Brand font for body text or small labels; its scale and letter spacing are designed for display. Refrain from introducing additional saturated colors beyond the established violet palette, as it dilutes the brand's energetic focus. Do not use soft shadows for elevation; rely on background color shifts between Midnight Void (#0f0d13) and Ghost White (#fdfcfe) for depth. Avoid mixed border-radii within the same component type; stick to 12px for prominent buttons and 8px for cards. Do not introduce tight letter spacing on Inter font family smaller than 16px; it should remain 'normal' for readability.