Aesop

The design evokes a scholarly apothecary's formulary, where every element is presented with meticulous precision. It operates on a starkly limited palette of warm off-white and charcoal, creating a high-contrast, text-forward environment. A rigid, architectural layout with sharp 0px corners dominates, reinforcing a sense of order and clinical quality. The system's signature is the typographic tension between the humanist serif 'Zapf-Humanist' for expressive headlines and the neutral sans-serif 'SuisseIntl' for all functional text, lending an air of classicism to a modern digital interface. Use Zapf-Humanist exclusively for large, emotive headlines, otherwise default to SuisseIntl. Maintain sharp 0px corners on all rectangular UI elements like cards, buttons, and inputs. Rely on generous whitespace (96px+ between sections) for separation, not dividers or shadows. Center-align text and imagery within product cards and feature blocks. Use the Parchment (#fffef2) and Charcoal (#333333) combination for primary content. Keep layouts simple: centered stacks or balanced multi-column grids. Use the Dark Action Button for all primary purchasing actions. Do not use rounded corners on any element other than circular icon buttons. Do not use drop shadows or any other 3D-effect for elevation. Do not introduce new colors; the palette is intentionally restricted. Do not use gradients. Do not place text over complex parts of images; ensure high contrast. Do not use lifestyle photography that shows models or hands using products. Do not create complex, overlapping, or asymmetrical layouts.