aesop

Reference it for

• Two-colour discipline: a warm parchment ground (#fffef2) plus charcoal text (#333333), no third colour and no UI gradients, so contrast does all the work.
• Serif/sans tension as the system's whole personality: a humanist serif for headlines (the centred ~30px 'New Solais Replenishing Hand Serum') against a neutral sans (SuisseIntl) for nav, body and labels.
• 0px radius on every rectangular element (cards, buttons, inputs); the only round shape is the circular carousel arrow control.
• No shadows for elevation: build hierarchy from the type scale (11 / 14 / 18 / 30px) and whitespace, giving a flat, print-inspired surface.
• Generous section rhythm (96px+, the spacing scale runs out to 180px) used instead of dividers or boxes to separate content.
• Centred hero stack: a small 11px bold sans eyebrow ('A striking show of hands') over a serif headline over a sans descriptor over a single CTA.
• Outlined hero CTA: transparent fill, 1px border matching the text colour, 0px corners, label plus a right arrow ('Discover Solais ->').
• Symmetric top nav with the wordmark dead-centre and utility links split to the corners (Stores / Customer service at left, Email sign up / Account / My cart at right).

Do not copy

• The 'Aēsop' wordmark and its macron over the e.
• The exact licensed type pairing (Zapf-Humanist serif + SuisseIntl sans) as a one-to-one lift.
• The real product naming and copy ('New Solais Replenishing Hand Serum', 'Niacinamide, LHA and Dandelion Root', 'A striking show of hands').
• The precise apothecary palette identity (parchment + charcoal + umber) copied wholesale, which reads instantly as Aesop.
• The full Aesop catalogue nav (New & Notable, Skin Care, Hand & Body, Fragrance, Library, Experience).
• The brand-specific 'Library' and 'Experience' section naming and its editorial, scholarly voice.
• The faded product-silhouette photography treatment as the literal hero asset.