Tofu Collective

Tofu Collective employs a stark, high-contrast, black and white aesthetic that evokes a gallery's minimalist elegance. The visual system foregrounds content through bold typography and generous negative space, with a deliberate absence of color and soft components. Layouts are strictly structured with strong horizontal and vertical lines maintaining a rigid grid. The overall impression is one of clean, intellectual presentation designed to frame artistic or niche content without visual distraction. Use Ink Black (#000000) for all primary text and critical UI elements like borders to maintain high contrast. Employ Canvas White (#ffffff) as the dominant background color for all page sections and content cards. Apply 'wtqc' font at 90px with -0.025em letter spacing for main headings to achieve the signature bold, condensed look. Ensure horizontal and vertical lines (borders, dividers) use Ink Black (#000000) at 1px thickness. Maintain 0px border-radius for surfaces and active components to preserve the stark, angular aesthetic, with the exception of specific, highly decorative elements that may use 20px radius. Structure primary page sections with a 200px vertical gap, creating clear visual separation and breathing room. Utilize a split-screen or grid-based layout for content areas, balancing large typographic elements with visual imagery. Avoid introducing any colors outside of the defined Ink Black, Muted Ash, and Canvas White palette for UI elements. Do not use soft shadows or gradients on any interactive components or surfaces; elevation should be purely through borders and contrast. Do not use generic system fonts for headings or navigation; 'wtqc' is essential for brand identity. Avoid excessive padding within components; this system is compact and relies on minimal spacing between elements (e.g., 0px card padding, 1px element gap). Do not use rounded corners universally; most elements are sharp-edged, with 20px radius reserved for specific non-UI elements if needed. Do not break away from the dominant grid structure with asymmetrical or overlapping elements unless it's for photographic content.