Redbrick Coffee

Redbrick Coffee uses a bold, expressive e-commerce aesthetic, characterized by a dominant, warm red that demands attention. High-contrast typography emphasizes a traditional serif for large, editorial headlines and a practical sans-serif for functional UI elements. Surfaces are minimal, relying on stark white and a soft F2F2F2 gray for product cards, while interaction is guided by an outlined red accent. Elements are generously spaced, creating a clean rhythm against the vibrant brand color. Prioritize Crimson Roast (#e82c2a) as the primary accent for all interactive elements, borders, and significant text highlights. Use Editorial Old font for all display-level headings (100px and above), maintaining its delicate weight 300. Apply a 50px border-radius to all buttons and input fields for a consistent, soft pill-like shape. Utilize Cloud Cover (#f2f2f2) specifically for product card backgrounds, maintaining a soft, recessive surface. Maintain generous section gaps of 50px to create ample negative space and visual segmentation between content blocks. Ensure all body text and UI elements use the Surt font at its specified weights and compact letter-spacing values. Do not introduce new saturated colors; maintain the brand's restraint to its single vivid red. Avoid heavy drop shadows or significant elevation; rely on outlines and background color differences for distinction. Do not use bold weights or all-caps for large editorial headlines; Editorial Old 300 is meant to be restrained. Do not deviate from the 25px radius for cards and images, or the 50px radius for buttons/inputs; these are signature shapes. Do not use deep, dark backgrounds for entire sections, except for specific, contained elements like the 'skip to content' link, maintaining a light theme. Avoid using system-ui for anything other than small, supporting text; it is not for primary content or UI elements.