Oevra

Oevra employs a muted, nature-inspired aesthetic, using a soft, desaturated green as its primary chromatic anchor against predominantly monochromatic backgrounds. The system is characterized by spacious layouts, delicate typography, and a subtle application of surface transparency and soft edge rounding, creating an ethereal yet grounded feel. Typefaces are intentionally varied, pairing a contemporary sans-serif for headings with a more classic system font for utilitarian elements, often with generous letter-spacing for visual airiness. Components are lightweight and favor borders or ghost styles over solid fills, contributing to the overall sense of understated presence. Use Suisse Light for all primary headings (h1-h3) at 400 weight, emphasizing airy elegance. Apply a 15px border-radius to all cards and images for a consistent soft-edged aesthetic. Maintain generous section gaps of 30px to promote a spacious and uncrowded layout. Utilize Moss Green (#778643) sparingly for primary CTA buttons and critical interactive elements only. Default to transparent backgrounds and 1px borders for navigation and secondary actions, using Canvas White (#ffffff) or Charcoal Gray (#4e4e4e) for contrast. Ensure all body and supporting text uses Suisse Regular at 400 weight for readability and a consistent brand voice. Employ Space Mono for all small, utilitarian text elements, labels, and iconography to add a precise, technical detail. Avoid using multiple chromatic colors; restrict accent colors strictly to Moss Green (#778643) for interactive elements. Do not use harsh shadows or heavy borders; the design emphasizes lightness and subtle layering. Refrain from tight spacing; maintain a spacious feel by adhering to the established element and section gaps (15px and 30px respectively). Do not use dark backgrounds for full sections; the theme is predominantly light with transparent overlays atop a gradient background. Avoid over-styling text with bold weights or excessive letter-spacing beyond what is defined for headings, maintaining a subtle and restrained typographic hierarchy. Do not introduce new border-radius values; adhere to 15px for containers and 22.5px for buttons. Do not use solid-fill buttons for secondary or tertiary actions; use ghost buttons with appropriate border and text colors.