Leonardo.ai

Leonardo.Ai evokes a luminous digital void, where vibrant hues punch through deep darkness. Typography is bold and oversized, often warping or stacked for dramatic effect, suggesting a world of limitless creation. Interface elements are primarily ghosted or outlined, allowing the rich generative imagery and expressive text to dominate, with solid accents used sparingly for key interactions. The system maintains a high contrast, dark-mode default, relying on the interplay of black canvas, bright white text, and a focused palette of vivid, single-color accents for points of interest. Always use Midnight Void (#000000) for page backgrounds to maintain the deep, dark aesthetic. Utilize Pure White (#ffffff) as the primary text color on dark backgrounds for legibility and visual pop. Apply LeoSans for all headlines and display text, using extensive letter-spacing adjustments (e.g., -0.0200em for large sizes) to achieve its distinct, compressed look. Employ Ghostly Gray (#e5e5e5) for all non-interactive borders, including ghost buttons and dividers, to maintain a subtle structure against dark surfaces. Reserve Luminous Green (#03e65b) and Deep Violet (#6e60ee) for distinct accent roles like active states, critical highlights, and brand iconography. Use 60px border radius for interactive elements like buttons to achieve a strong pill-like, accessible shape. Implement the linear-gradient(rgb(10, 10, 10) 0%, rgba(37, 37, 37, 0.65) 100%) for contained sections that need a softer, slightly varied background from the pure black canvas. Avoid using multiple accent colors in close proximity; instead, let a single accent color make its statement. Do not introduce light gray backgrounds for content sections; maintain the dark theme by using Subtle Surface (#353535) for elevated cards. Refrain from using default browser link styles; ensure all links use canvaSans and either Pure White (#ffffff) or Muted Ash (#999999) with appropriate hover states. Do not use subtle shadows for elevation; the system relies on solid background color shifts for hierarchy. Never use canvaSans for headlines; its purpose is functional readability, not expressive display. Avoid generic rectangular buttons; all prominent buttons should adopt the distinct 60px pill radius. Do not introduce large amounts of whitespace around tightly tracked headlines; they are designed to command dense visual space.