Reducto

Reducto embraces a clean, purposeful aesthetic, pairing high-contrast typography with a striking purple accent. The visual system features sharp edges and minimal elevation, emphasizing data clarity and directness. Monochrome interfaces are punctuated by a single vibrant brand color, creating focal points and guiding user interaction. Strong borders and subtle textural backgrounds provide structure without adding visual weight. Use Reducto Purple Accent (#9d17a0) sparingly and intentionally for primary interactive elements, such as buttons and active states, to create clear focal points. Maintain strict square edges (0px border-radius) for all interactive components and foundational elements like cards, adhering to the crisp aesthetic. Prioritize ReductoSerif for large, impactful headlines, leveraging its reduced letter-spacing (-0.01em) to convey a sense of precision. Structure layouts using strong visual borders like 1px solid #d7ccc1 or #e7e5e4 to define sections and separate content rather than relying on heavy shadows or background colors. Apply Reducto Black (#292524) for primary content text and headings, ensuring high contrast against light backgrounds. Utilize Inter for all functional UI text, ensuring readability and consistency across smaller text elements. Ensure all buttons use sharp 0px corners, reinforcing the precise and direct brand identity. Avoid using multiple chromatic colors in close proximity; maintain a largely monochrome palette punctuated by the Reducto Purple Accent. Do not introduce rounded corners on primary components like buttons, cards, or input fields, as this conflicts with the sharp aesthetic. Refrain from heavy drop shadows or diffused elevation; rely on subtle inset shadows for interactive states or thin borders for separation. Do not use generic sans-serif fonts for main display text; always use reductoSerif for a distinct brand voice in headlines. Avoid large areas of saturated color that are not Reducto Purple Accent; color should serve a functional or highlight purpose. Do not clutter layouts with excessive elements; maintain comfortable density with explicit spacing tokens like 24px element gaps and 64px section gaps. Avoid using light text on light backgrounds or dark text on dark backgrounds without ensuring sufficient contrast (minimum AAA).