Framer

Framer's aesthetic is a high-contrast digital canvas, emphasizing bold typography and a deep, immersive dark mode. The dominant #000000 background provides a stark stage for crisp #FFFFFF text, interrupted by precise, high-chroma electric blues (#0099FF, #0055FF) that pulse like indicator lights on active elements. Subtle surface variations in near-black (#080808, #171717) create depth within the dark theme without relying on heavy shadows, giving the interface a layered, architectural feel. The interplay of razor-sharp edges and large, soft radii (100px pill buttons) generates an engaging tension, balancing technical precision with approachable interactivity. Use Midnight Ink (#000000) for primary page backgrounds to maintain the immersive dark theme. Employ Cloud White (#FFFFFF) for all primary text and critical interactive button fills to ensure high contrast and readability. Apply Electric Blue (#0099FF) sparingly as an accent for interactive elements, borders, and hover states to guide user attention. Ensure all buttons feature a 100px border-radius to consistently achieve a 'pill' shape. Utilize GT Walsheim Medium and GT Walsheim Framer Medium for impactful headlines, prioritizing their distinctive weight 500. Maintain a compact density for element spacing, with a default elementGap of 10px, allowing visual elements to feel close-knit. Implement the subtle #021f33 blue tint in shadows for any elevated elements to keep depth cohesive with the brand palette. Avoid using bright or overly saturated colors outside of the defined Electric Blue and Velocity Blue accents. Do not introduce square or sharp corners on buttons; they must always use the 100px pill radius. Do not use generic gray shadows; all shadows should leverage the blue-tinted #021f33 to maintain brand consistency. Avoid excessive spacing between elements; the design emphasizes a compact and dense information presentation. Do not use transparent backgrounds without a clear visual purpose; surfaces are typically solid or subtly layered near-blacks. Do not deviate from the specified font families for headings (GT Walsheim, Mona Sans), as they are key to brand typography. Avoid using light backgrounds exclusively, as the design system is fundamentally built upon a dark theme.