Zara

Zara's interface projects an unyielding, high-fashion minimalism through a stark monochrome palette and precise typography. The visual brand is built on a high-contrast black-on-white foundation, creating a sophisticated backdrop where product photography becomes the primary source of color and texture. An absence of soft edges or expressive spacing reinforces a refined, almost austere aesthetic. Do use #000000 (Pitch Black) for all primary text and interactive element borders. Do use #ffffff (Luminous White) for all page and primary component backgrounds. Do maintain 0px border-radius for all elements, including buttons and input fields. Do apply Helvetica Now Text (or a suitable substitute like Helvetica Neue or Arial) for all typographic elements. Do use a consistent base spacing unit of 4px for fine-grained adjustments, and multiples for larger gaps (e.g., 12px, 16px, 20px, 32px, 48px). Do limit text colors to Pitch Black (#000000) for primary content and Subtle Gray (#757575) for secondary details. Don't introduce any color outside of the defined monochrome palette of Pitch Black, Luminous White, and Subtle Gray. Don't use any rounded corners or soft edges on UI elements; maintain sharp, crisp rectangular forms. Don't use drop shadows or complex elevation effects; depth is created through direct contrast and layering. Don't apply padding to the top, bottom, or left of input fields listed under 'Default Input Field' or 'Location/Language Dropdown' to maintain precise alignment. Don't vary font weights significantly; adhere strictly to 300 and 400 for Helvetica Now Text. Don't use decorative flourishes or non-essential graphical elements; the design emphasizes functional minimalism.