Splice

Splice embodies a 'dark-mode-first' approach, creating an immersive, studio-like atmosphere where dark surfaces highlight bright, focused interactive elements. A cool blue (#1253ff) dominates as the primary accent, reminiscent of digital waveforms or audio interfaces, providing a consistent visual anchor. Subtle use of other vivid colors (like yellow, green, red, vibrant blue, and violet) mainly in illustrative elements or specific product highlights prevents visual monotony while maintaining the core dark aesthetic. The interplay of highly rounded buttons and sharper graphic elements creates a contrast that feels modern and dynamic. Prioritize Midnight Ink (#121214) and Deep Space (#000000) for backgrounds, creating a consistent dark canvas. Use Cobalt Blue (#1253ff) exclusively for primary call-to-action buttons, ensuring high visibility and user guidance. Apply a 60px border-radius to all primary interactive buttons, distinguishing them with a distinct pill shape. Utilize InterVariable for all body text and UI elements at weights 400-700, ensuring consistent typography for readability. Employ SoehneBreit weight 400 with 0.071em letter-spacing for all significant headings (28px minimum) to maintain the brand's impactful, open typographic style. Maintain a base unit of 8px for element spacing and 48px for section gaps to ensure comfortable density and visual rhythm. Use Arctic Mist (#ffffff) for all primary text on dark backgrounds to ensure optimal contrast and readability. Avoid using bright colors for large background areas; reserve them for accents, illustrations, or small interactive elements. Do not use generic square buttons; all primary interactive buttons must have a 60px radius (pill shape). Do not apply shadows for primary elevation; the design relies on changes in background color and imagery for depth. Avoid mixed-mode layouts on a single page; maintain the dark theme consistently throughout. Do not use letter-spacing outside of specified values for InterVariable (-0.015em) and SoehneBreit (0.071em) to preserve the intended typographic feel. Do not use border-radius less than 8px unless explicitly for imagery (4px) or specified components (e.g., 0px for some inputs). Avoid low-contrast text combinations; ensure all text is Arctic Mist (#ffffff) or Storm Cloud (#a6a8ad) on dark backgrounds, or Midnight Ink (#121214) on light backgrounds.