mono

MONO X7 employs a stark, almost architectural aesthetic, reminiscent of an artist's canvas or technical drawing. The visual system is dominated by high contrast black text and lines on a pristine white background, often utilizing a grid-like structure. Typography is precise and highly customized, with distinct weight and letter-spacing variations that dictate hierarchy through subtle means. Interactions are signaled not with color, but by the presence or absence of thin, sharp borders, giving components a planar rather than volumetric feel. Maintain a clear, high-contrast between Ink Black (#292929) text/lines and Canvas White (#ffffff) backgrounds. Utilize 0px border-radius for all interactive elements and containers to maintain the precise, angular aesthetic. Apply positive letter-spacing (0.1em or 0.2em) from S-Condensed for navigation, tags, and small labels to distinguish them from body text. Use thin (1px) Ink Black (#292929) borders as the primary visual cue for interactive elements and content divisions. Structure layouts using visible grid lines or strong horizontal/vertical divisions rather than relying on card elevation or soft shadows. Emphasize content hierarchy through variations in font-family, weight, and letter-spacing rather than relying on color or large size differences. For buttons, use transparent backgrounds with Ink Black (#292929) text and borders, with 0px vertical padding and 20px horizontal padding. Avoid using any color other than Ink Black (#292929), Deep Black (#000000), or Canvas White (#ffffff) for primary UI elements. Do not introduce rounded corners or soft shadows; all elements should adhere to a sharp, planar aesthetic. Do not use generic system fonts for headings or key interface elements; always select from the specified custom typography. Avoid large and complex hero components; opt for minimal, high-contrast textual statements or product visuals on a Canvas White (#ffffff) background. Do not use subtle gray text for functional elements; all text, save for contextual accents, should be Ink Black for maximum impact. Do not use excessive padding or element gaps; maintain an efficient information density with 8px as a common element gap and 20px for card padding. Do not design buttons with solid background fills; all buttons should be ghosted or outlined.