Dollar Shave Club

Dollar Shave Club presents a bold, product-focused aesthetic built on a deep blue foundation. Vibrant brand colors like orange and maroon punctuate the interface, guiding attention to key actions and brand messaging, while a tightly defined typographic system ensures strong hierarchy. Components are direct and confident, featuring slight corner rounding and minimal elevation, allowing the strong color palette and product imagery to drive the visual experience. Use Midnight Blue (#142978) as the primary background for content sections to maintain visual depth and brand consistency. Apply Action Orange (#fe5000) exclusively for primary calls-to-action and critical interactive elements. Prioritize DSC Specter for all headings and body text, varying weights (400-900) to establish clear typographic hierarchy. Ensure all buttons use a border-radius of either 5px or 4px for a consistent, subtle softness. Maintain a clear elementGap of 10px between inline interactive elements and form fields. Utilize Mahogany Red (#82163f) sparingly, primarily for navigation highlights or specific brand messages. Leverage Powder Blue (#dbebf5) for card backgrounds to visually differentiate information blocks without adding visual weight. Do not use generic gray tones for button backgrounds; all functional buttons should adopt Action Orange (#fe5000) or Deep Space Blue (#0a153c) for variant actions. Avoid excessive use of shadows; most components should remain flat to emphasize the bold color palette. Do not introduce new font families; adhere strictly to DSC Specter and Gelica for all text. Refrain from using Crisp White (#ffffff) as a primary background for large sections unless it's a dedicated hero or a very light content spot contrasting a dark dominant mode. Do not deviate from the established spacing scale; maintain 10px for element gaps and 25px for card padding to keep a comfortable density. Never use achromatic blacks or dark grays for primary text on dark backgrounds; always use Crisp White (#ffffff) for readability. Avoid outlining primary action buttons; the design system strongly favors filled Action Orange (#fe5000) for emphasis.