Screenshot of Metalab

Metalab

metalab.com

The reference for an editorial agency masthead where an ultra-light PP Eiko serif headline (We / Make / Interfaces) is split across the viewport around a single glossy indigo-black image card, annotated by whisper-quiet grotesque metadata.

Agency Home flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
PP Eiko
body
Basis Grotesque Pro
mono

Do / Don't

Reference it for

  • Headline as page layout: break a three-word statement into words parked at far-left, far-right and lower-left, wrapping a central image rather than sitting in one block
  • PP Eiko (or any ultra-light display serif, weight 200-300) at ~88px as the sole hero voice, near-black #111 on bone #ffffff
  • Basis Grotesque Pro at 12px uppercase, wide tracking, for editorial marginalia (EST. 2006, BC, CA, 5:10 EDT) floating beside content
  • A single large elevated image card with a generous ~50px corner radius as the only object on the canvas
  • Live-feel metadata: a location label plus a running local-time clock as ambient annotation
  • Achromatic system: bone background, near-black text, no brand accent colour, colour enters only through the photographic card
  • Massive negative space as the primary compositional material, no borders, no shadows, no dividers
  • Serif/grotesque dialogue: one expressive light serif for statement, one precise small grotesque for every functional label

Do not copy

  • The MetaLab name, wordmark and EST. 2006 provenance line
  • The specific glossy latex/indigo hero still (a signature commissioned art image)
  • The exact We / Make / Interfaces copy and its off-grid split placement
  • PP Eiko itself as a licensed face; substitute a comparable light display serif per brand
  • The BC, CA location and EDT clock as literal on-page facts