Grids

Grids' visual style evokes the precision of an architectural drawing coming to life, with dynamic motion shaping static typography. The aesthetic is stark, relying on a monochrome palette and sharp geometric forms. Giant, highly tracked letterforms transform into interactive elements, giving the impression of blueprints being manipulated in real-time. Subtle shadows provide the only depth in an otherwise flat, canvas-like environment. Use Canvas White (#ffffff) for all primary page and card backgrounds to maintain a stark, clean canvas aesthetic. Apply Graphite Black (#010101) for all main headlines and significant text elements, emphasizing strong contrast. Utilize custom_40538 for all headings and large textual components, embracing its geometric forms and dynamic letter-spacing for visual impact. Employ a 0px border radius for all cards and containers to enforce a sharp, angular aesthetic. Introduce depth only through subtle box-shadows like rgba(0, 0, 0, 0.24) 0px 1px 2px 0px for cards, avoiding heavy or colored shadows. Prioritize text as the main visual and interactive element, especially large, animated letterforms. Maintain generous spacing, with section gaps of 40px and dynamic element spacing derived from the base unit of 4px. Do not use highly saturated or chromatic colors for any UI elements; maintain a strict monochrome palette. Avoid rounded corners on any primary UI components; the design language relies on sharp angles and geometric precision. Do not introduce complex gradients or background images; surfaces should be solid colors. Do not use heavy or numerous drop shadows, as subtle elevation is preferred. Avoid decorative icons or illustrations that are not integral to content; focus on typographic and geometric forms. Do not deviate from the distinct letter-spacing values provided for custom_40538, as they are crucial to its visual identity. Do not introduce highly varied font weights; stick to the specified 400 weight for custom_40538 and -apple-system.