Designer Fashion

Selfridges presents a classic e-commerce aesthetic with a foundation of stark white surfaces and unapologetic black typography. A single, vibrant yellow accent color acts as a high-contrast call to action, drawing immediate attention. The design prioritizes clear information hierarchy through careful use of neutral shades for borders and secondary text, paired with crisp, unrounded edges across most interactive elements to convey directness. Prioritize Canvas White (#ffffff) as the dominant background color for content areas. Use Selfridges Yellow (#ffe255) exclusively for primary action backgrounds and high-attention graphical elements, never for text or borders unless it's for an active button state. Ensure all primary text uses Raisin Black (#212121) for maximum readability and contrast. Apply a 0px border-radius to all buttons and input fields to maintain a sharp, angular aesthetic, reserving 4px for specific non-interactive elements. Maintain generous section gaps of 24px to create distinct content blocks and avoid visual clutter. Use Porcelain Gray (#eaeaea) or Light Pearl (#efefef) for subtle button backgrounds only, not for large surface areas. Utilize Input Border Gray (#767676) for all input field borders and secondary text where less emphasis is needed. Do not introduce additional chromatic accent colors beyond Selfridges Yellow (#ffe255). Avoid softened edges with large border radii; the design relies on square and rectangular forms. Do not use dark backgrounds for main content sections; the system is built on a light theme with minimal dark elements. Refrain from using Raisin Black (#212121) or True Black (#000000) as background colors for large sections or cards. Do not use subtle gradients or shadows; the aesthetic is flat and direct and relies on color and line for definition. Avoid compacting elements with less than 8px of element gap; space is used to ensure clarity. Do not override the default Arial font; consistency across all text is key.