Aino

This design system is a monochrome canvas, evoking the disciplined aesthetic of programming and terminal UIs. It's built on a stark contrast of near-black text on a creamy, soft white background. The most distinctive choice is the pixel-perfect recreation of ASCII art across the page, transforming what might be seen as technical constraints into a primary visual element. This creates a raw, almost deconstructed feel, prioritizing technical expression over traditional graphic design flourishes, making the site itself an artifact of agentic engineering. Prioritize Greige Canvas (#f5f5f0) for all page and section backgrounds to maintain the light, soft base. Use Inkwell (#181818) for all text elements to ensure high contrast and consistency. Apply abcplus 13px, 1.29 line-height, and 0.0430em letter-spacing for primary UI text, including navigation and buttons. Utilize 0px border-radius across all elements to enforce the sharp, angular aesthetic. Integrate 16px for internal component padding and spacing between discrete elements and 49px for larger section-level vertical separation. Emphasize the custom ASCII art as a primary decorative and structural element, using it to define sections or visual motifs. Do not introduce any saturated colors; maintain the strictly achromatic palette of Greige Canvas and Inkwell. Avoid rounded corners or any soft geometrical shapes; enforce 0px radius for all borders and elements. Do not use box-shadows or gradients for elevation; depth and separation are achieved purely through line art and spacing. Do not vary font sizes extensively; keep most text at 13px with consistent line-height and letter-spacing. Avoid large hero images or photographic elements; the visual language is based on text and ASCII-style graphics. Do not alter the 0.0430em letter-spacing of the abcplus or abc fonts, as it's critical to the terminal aesthetic.