Screenshot of Drake S

Drake S

www.drakes.com

The reference for heritage menswear e-commerce done with editorial restraint: a full-bleed lifestyle hero on warm-bone #FCFBF8, an italic ITC Caslon 224 wordmark and centred serif overline in forest green #005229, over a P22 Underground text nav.

Retail flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
P22 Underground
body
ITC Caslon 224 Std
mono

Do / Don't

Reference it for

  • Warm off-white page background rgb(252,251,248) / #FCFBF8 as the base instead of pure white, keeps a premium heritage feel
  • Forest-green ink rgb(0,82,41) / #005229 as the single brand colour for wordmark, nav links and overline captions
  • Two-typeface pairing: ITC Caslon 224 Std Book (serif, display + italic wordmark) against P22 Underground Book (humanist sans, all nav/UI at 12.8px)
  • Full-bleed edge-to-edge lifestyle photo hero with the campaign title set centred in white serif at ~39px
  • Centred white 'READ MORE SHOP' dual text links under the hero title, underlined, tiny and understated (no buttons)
  • Flat, no-radius UI: --btn-radius:0, square everything, no drop shadows on the surface
  • Editorial catalogue structure: alternating full-width image blocks each with a short paragraph of copy and a single all-caps 'SHOP X' link
  • Slim single-row top nav with word categories (New In, Clothing, Shirts, Games...) centred, search + Sign In + Bag pushed right

Do not copy

  • The italic 'Drake's' Caslon wordmark and the apostrophe lockup
  • The exact forest-green + bone palette pairing as-is (it reads unmistakably Drake's)
  • The 'Relaxed Elegance Since 1977' tagline and heritage-year positioning
  • The real campaign photography (the beach/linen model shots and lookbook imagery)
  • Named house products and collabs (St. Regis, Mayumi Y., Nanga, Aaron Levine)
  • Editorial headline voice ('Crowning Glory', 'Waxing Lyrical', 'Penny for Your Thoughts')
  • The specific ITC Caslon 224 + P22 Underground licensed font files