Screenshot of Tekla

Tekla

teklafabrics.com

The reference for editorial-quiet e-commerce: a two-up full-bleed image split with near-black rgb(24,24,24) type set in light-weight (300) unica77 grotesque, letting the photography carry everything.

Retail flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Unica77
body
unica77
mono

Do / Don't

Reference it for

  • Split-screen full-bleed hero: two edge-to-edge lifestyle images butting seam-to-seam, zero copy overlay, product story told by photography alone
  • Near-black ink rgb(24,24,24) on a warm off-white rgb(246,246,246) page, never pure #000 for body
  • Light-weight grotesque: unica77 (or any neo-grotesque) at weight 300 for almost all text, 400/600 reserved for rare emphasis
  • Small, calm type scale: 14px body / 21px line-height as the workhorse, 16-18px for the few larger moments, 12-13px for meta
  • Tight 2px border-radius everywhere (buttons, inputs, tiles), one 50% circle for the a11y widget, otherwise near-square
  • Blocky wordmark lockup: TEKLA in heavy uppercase sits against the airy 300-weight nav, letting the logo be the only bold thing
  • Minimal chrome nav bar: wordmark left, 3 primary links (New / Shop / About), utility cluster right (Search / AU / Login / Cart(0))
  • Slim top announcement strip (Complimentary gift wrapping) in muted grey, dismissable with an X

Do not copy

  • The TEKLA wordmark and its heavy uppercase logotype
  • The licensed unica77 typeface (swap for a comparable neo-grotesque)
  • The sailor-stripe / gingham product photography and the specific model shots
  • B Corp badge and the brand's responsibility/sustainability claims
  • Brand copy like 'Bathrobes for summer routines' and 'Sailor Stripes'
  • The Scandinavian home-textiles product catalogue and store list