Valo

Valo employs a dark, scientific command center aesthetic with high contrast text on a black canvas. Subtle animated gradients and abstract organic shapes introduce visual dynamics, contrasting with highly structured, minimalist typography featuring a distinctive custom font. Interactions are clean and understated, relying on ghost elements and an accent color for 'aha' moments, fostering a sense of controlled innovation and precision. Prioritize Midnight Canvas (#000000) for all main backgrounds and Silver Text (#ffffff) for primary text to maintain the dark theme. Use Ghost Border (#e5e7eb) for all subtle structural lines, interactive element borders, and dividers where visual weight needs to be minimal. Apply Valo font with negative letter-spacing for all heading and display sizes to achieve a compressed, modern look. Utilize 9999px border-radius for all interactive elements like buttons and links to create a consistent 'pill' shape. Incorporate Enlightenment Gradient for hero sections or prominent large visual elements to imbue them with brand identity and high-tech feel. Maintain consistent vertical rhythm using the defined sectionGap of 45px and elementGap of 20px. Ensure all text, apart from gradients, is either Silver Text (#ffffff) or Midnight Canvas (#000000) for high contrast and legibility. Avoid using solid background fills for primary calls to action; instead, use ghost buttons with Ghost Border (#e5e7eb) and Silver Text (#ffffff). Do not introduce new color families for informational or status elements; leverage existing brand gradients or neutrals. Shun any drop shadows or harsh elevation effects; surfaces should remain flat or rely on subtle background gradients. Resist using default system fonts or weights not specified in the Valo typography family; the custom font and its specific weights are key to brand identity. Avoid decorative imagery with vibrant colors not derived from the brand gradients; the visual language is subtle and controlled. Do not deviate from the established max-width of 1400px for page content; maintain the contained and structured layout. Steer clear of aggressive hover states that introduce strong background colors or complex animations for standard interactive elements.