TWOMUCH.STUDIO

TWOMUCH.STUDIO embraces a digital collage aesthetic, leveraging a chaotic white canvas heavily populated with overlapping 3D objects, renders, and varied media. The UI elements are starkly minimalist and functional: monochrome, unadorned typography, and rectangular card surfaces, serving as stoic anchors within the visual deluge. The system emphasizes clear delineation of interactive elements through a single vivid lime accent, creating functional clarity amidst the visual noise. Prioritize 'Ink Black' (#000000) for all primary text and headings against lighter backgrounds to maintain high contrast and legibility. Use 'Canvas White' (#ffffff) as the default background for most content areas, providing a neutral base for complex visuals. Apply 'Border Ash' (#e5e7eb) for all hairline borders and subtle dividers to define content areas without adding heavy visual weight. Utilize 'Digital Lime' (#e2ff70) exclusively for interactive elements like active navigation items, menu indicators, and 'Shop' buttons, ensuring clear affordance. Maintain a compact density using a 4px base unit for all internal component spacing and 8px for element gaps to keep information tight. Employ ABCMonumentGrotesk (or Space Grotesk) at weight 500 for all typography, with specific letter-spacing adjustments as defined in the type scale to control visual density. Design all interactive buttons and cards with a 0px border radius, except for small circular elements which get a 9999px radius, creating a stark, functional aesthetic. Do not introduce additional saturated colors beyond 'Digital Lime' (#e2ff70) or 'Clay Earth' (#68340e) into the UI, as the visual style relies on minimal accentuation. Avoid using drop shadows or heavy elevation; surfaces should remain flat or defined by subtle borders. Do not use generic typography; all text must adhere to the specified ABCMonumentGrotesk (or Space Grotesk) profiles to maintain the system's precise, dense feel. Steer clear of rounded corners on primary content cards or buttons; maintain a sharp, angular aesthetic for structural elements. Do not include large, decorative imagery that competes with the layered product visuals; imagery should serve content or clear brand identity. Avoid open, airy layouts. The design system is dense and uses tight spacing; larger gaps should be intentional and rare. Do not use highly saturated hero banners that detract from the visual 'collage'; backgrounds should remain largely neutral or monochromatic.