LaunchDarkly

LaunchDarkly employs a dark, almost charcoal canvas paired with crisp white text to evoke a serious, technical atmosphere. Accents of vivid violet and electric blue cut through the darkness, signaling interactive elements and key information. Surfaces are softly rounded and slightly elevated, creating a layered, dimensional feel rather than a flat interface. Typography is direct and precise, favoring confident body text over overly decorative headlines, establishing authority through clarity. Prioritize 'Mercury White' (#ffffff) for all main headings and body text on dark backgrounds to ensure legibility. Use 'Launch Violet' (#7084ff) as the primary accent for interactive elements like links and outlined buttons. Apply a 30px border-radius to cards and primary action buttons, and 60px to ghost/outlined buttons for a consistent rounded aesthetic. Maintain a clear visual hierarchy using 'Graphite' (#414042) for page backgrounds and 'Carbon Black' (#191919) for card/component surfaces. Structure content with 16px element gaps and 32px section gaps to provide comfortable density and readability. Employ the monoFont family for all code snippets and technical examples to differentiate them visually. Apply the rgba(0, 0, 0, 0.45) 0px 4px 20px 0px shadow only to the main navigation for subtle elevation against the dark background. Avoid using highly saturated colors for large background areas; reserve chromatic colors for small accent details. Do not introduce new border radii beyond 4px, 10px, 30px, 40px, or 60px. Never use the headingFont1 for body text or sub-headings; reserve it strictly for monumental hero headlines. Refrain from using hard, sharp corners; all UI interactives and containers should use specified border radii. Do not deviate from the specified 'Graphite' (#414042) or 'Carbon Black' (#191919) as primary dark backgrounds. Avoid multiple drop shadows on elements; elevation signals should be subtle and singular. Do not use generic system fonts when bodyFont or monoFont are available and semantically appropriate.