Drop

Drop's visual system evokes a stark, high-contrast, digital command center aesthetic. It pairs deep, almost black canvases with crisp white text and a limited palette of saturated, functional accents. Typography is a key differentiator, employing a wide range of sizes and extreme negative letter-spacing for headlines and display text, creating a visually dense but impactful presence. Components favor minimal backgrounds, outlined borders, and a signature hyper-rounded radius, suggesting a refined, modern utility. Prioritize Absolute Zero (#101010) for primary text on Cloud Canvas (#ffffff) backgrounds, achieving AAA contrast. Use a 1440px border-radius for all interactive elements and prominent containers, creating a distinct pill shape. Employ ABC Normal (all weights) for general UI and body copy, but reserve Ivar Display (weight 400) specifically for impactful, oversized display headlines. Apply significant negative letter-spacing for large text sizes, particularly for Ivar Display, to create a dense, visually striking appearance. Use Ghost Buttons for most actions, with a transparent background and a 1px solid border matching the text color (Cloud Canvas on dark, Absolute Zero on light). Integrate Soft Lilac (#b8afda) and Mint Glaze (#c7d8c5) as graphic fill accents on otherwise monochrome UI elements. Maintain a compact spacing unit of 5px for elements within components and 40px for vertical section gaps to control content density. Avoid using multiple accent colors beyond Ignite Orange (#eb652b) and Electric Yellow (#f6f361) to maintain the limited, functional palette. Do not use box-shadows for elevation; rely on background color changes or border definitions to create surface hierarchy. Refrain from using traditional square or softly rounded (e.g., 4-8px) corners; the hyper-rounded 1440px radius or distinct 24.48px is a signature. Do not deviate from the specified font families; custom typefaces ABC Normal and Ivar Display are critical to brand identity. Avoid creating filled buttons with strong brand colors as primary actions; ghost and outlined buttons are the preferred interactive style. Do not use generic gray for helper text; instead, use Whisper Gray (#9b9b9b) for a more integrated, branded feel. Do not introduce gradients unless explicitly defined; the system relies on solid color blocks and sharp contrasts.