Agence Foudre

Agence Foudre's design system is a bold, energetic playground, where bright, contrasting colors and chunky typography create a dynamic, youthful appeal. The juxtaposition of a vivacious pink and a deep forest green is the core of its identity, creating a vibrant tension. Typography, especially the heavy, impactful Beni font, is treated as a primary visual element, often fading or interacting with the background, reinforcing a playful, almost rebellious mood. This is a system that uses color and expressive type to make a statement, rather than relying on complex layouts or shadows. Do use 'Foudre Pink' (#db3c8a) and 'Deep Forest' (#00522d) in high contrast for interactive elements or brand highlights to maintain energy. Do apply the Beni font, weight 900, at large sizes (46px-230px, lineHeight 0.7) for all primary headlines, treating it as a dynamic visual component. Do use 'Clash Grotesk' as the primary font for all body copy and UI elements, adhering to its compact 1.2 line-height for readability within UI components. Do apply 10px radius for buttons and badges, reserving 20px for cards and 25px for prominent content blocks. Do utilize minimal padding (0px) on ghost buttons to integrate them seamlessly into content like video controls. Do ensure a generous sectionGap of 60px to 120px between major content blocks to provide breathing room and emphasis. Don't use 'Clash Grotesk' for primary headlines; its role is for detailed information, not brand-level impact. Don't introduce additional bright colors; the system relies on the impactful contrast between 'Foudre Pink' and 'Deep Forest'. Don't apply shadows or complex elevation; the design relies on bold color blocks and typography for hierarchy and visual interest. Don't use generic square buttons; all primary action buttons should either be circular (50% radius) or utilize a 10px radius with 'Bubblegum Blush' background. Don't vary the 0.7 line-height for Beni headings; it's a critical element of its impactful, stackable appearance.