Thomas Monavon

The Thomas Monavon design system creates a stark, high-contrast visual experience using only black and white. Typography is the primary visual element, dominating layouts with precise letter-spacing and strong geometric forms. The aesthetic is extremely minimalist, focusing on clarity and directness through a rigid grid and controlled visual density. Visual elements like images are treated as abstract blocks within this monochrome framework. Adhere strictly to a monochrome palette using only Canvas White (#ffffff) and Midnight Black (#000000). Employ Lay Grotesk for all text, maintaining precise letter-spacing of -0.0300em for character density and visual consistency. Utilize 20px for all significant internal padding and element separation within components and content blocks. Ensure all interactive elements, even if not explicitly defined with background, have a clear border or text color change for state representation. Treat images and visual content as abstract blocks, often framed by Midnight Black or given a rigid position within the Canvas White background. Maintain a rigid, explicit grid system for all layout decisions, emphasizing clear divisions and precise alignment. Prioritize typography as the primary visual communication tool, favoring density and stark contrast over decorative elements. Introduce any chromatic colors; the system is strictly black and white. Use variable spacing for internal elements; adhere to the 20px unit for consistency. Apply any border-radius; all corners should be sharp and geometric (0px radius). Use drop shadows or elevation effects; the design emphasizes flat surfaces and sharp contrasts. Employ any font families other than Lay Grotesk. Allow text to flow loosely; maintain the tight line-height and letter-spacing for all Lay Grotesk instances. Introduce complex graphical elements; visual content should be minimalist and abstract, often expressed as solid black blocks or high-contrast imagery.