INVERSA

This design system evokes a sense of stark, deliberate naturalism, like an aerial view of a verdant, wild landscape at dusk. The dominant color scheme consists of a muted dark background (#13140e) contrasted with a creamy almost-white (#f4f3e8), punctuated by infrequent, vivid lime-yellow accents (#ebfc72). The use of custom fonts, NB International Pro for headlines and JetBrains Mono for body text, creates a distinctive typographic voice that is both authoritative and technical. Limited rounded corners (3.6px) appear only on interactive elements like buttons, contributing to an overall grounded aesthetic. Prioritize Creme Paper (#f4f3e8) on Deep Forest (#13140e) for maximum contrast and legibility. Use NB International Pro for all major headings and navigation elements to maintain an authoritative tone. Apply JetBrains Mono for body text, button labels, and any code-like snippets to emphasize precision. Utilize Lime Accent (#ebfc72) exclusively for primary calls-to-action or critical interactive states to command attention. Maintain a consistent 3.6px border-radius for all interactive buttons and input fields that require rounding. Employ a base spacing unit of 14px for general element gaps and 59px for vertical section spacing. Ensure the page content never exceeds a max-width of 810px to keep text lines readable and layout contained. Avoid using highly saturated colors other than Lime Accent (#ebfc72) to maintain the muted, naturalistic palette. Do not introduce extensive shadow effects; the design relies on stark color contrast and flat surfaces for depth. Refrain from using excessively large or decorative typefaces that deviate from NB International Pro or JetBrains Mono. Disperse rounded corners beyond buttons and specific inputs; most elements should adhere to sharp edges. Do not use generic system fonts; the custom typefaces are essential to the brand's visual identity. Avoid large blocks of text in weights lighter than 400 to ensure readability on the dark background. Do not create layouts that extend beyond the 810px max-width without a specific full-bleed background treatment.