Depanneur

Depanneur's design system evokes a warm, no-nonsense retail experience with a focused use of red as a brand signature. The UI opts for a direct, high-contrast monochrome base with a single, clear brand accent. Typography is functional and understated, favoring ample spacing and clear boundaries rather than decorative elements or complex layouts. Surfaces are predominantly white, providing a bright, inviting backdrop for sparse content. Use Absolute Zero (#000000) for all primary text elements to maintain high contrast and readability. Apply Alabaster (#ffffff) as the default background for all page content, upholding the bright brand theme. Employ Dusty Gray (#e5e5e5) for all subtle visual dividers and inactive UI element borders. Introduce Brand Ruby (#c62127) exclusively as a functional accent color, such as for copyright text or specific brand highlights. Maintain a comfortable vertical rhythm using 66px as the primary section gap between major content blocks. Keep all interactive elements, like navigation links, text-based and styled with Absolute Zero (#000000) as their default state. Utilize Helvetica Neue LT W05 55 Roman weight 400 for all typography, ensuring a consistent and clean textual presence. Avoid using multiple chromatic colors; limit brand expression strictly to Brand Ruby (#c62127). Do not add shadows or complex gradients to UI elements; flatten surfaces to align with the direct aesthetic. Refrain from using heavily decorative fonts or extreme typographic manipulations; maintain the functional and clean typographic style. Do not deviate from the established spacing values of 20px for element gaps and 66px for section gaps, unless explicitly creating a tighter component. Avoid circular or heavily rounded elements; the dominant shape aesthetic is implied to be sharp/minimal-radius. (Radius is 0px by default). Do not use dark backgrounds for main content sections; the system is designed around a light theme. Introduce additional border colors or varied line styles beyond Dusty Gray (#e5e5e5) for dividers or borders.