George Northwood

The reference for a monochrome hair-salon site that lets full-bleed black-and-white editorial imagery carry the whole brand, with justified all-caps Suisse Works display type ragged across the frame and torn brush-stroke edges masking the photography.

Beauty flagship

Design tokens

background

surface

text

textMuted

accent

border

display: Suisse Works
body: Suisse Intl
mono

Do / Don't

Reference it for

Pure two-tone system: rgb(0,0,0) ink on rgb(255,255,255) paper, zero chroma anywhere, so the photography is the only colour event on the page
Full-bleed duotone/greyscale hero photography with a hand-painted torn brush-stroke top and bottom mask (rough deckle edges instead of straight rules)
Justified all-caps display headline set in Suisse Works (serif) at ~20px, letter-spacing 1.2-1.4px, stretched edge-to-edge so word gaps become part of the layout rhythm
Suisse Intl / Suisse Works pairing: grotesque sans for nav and UI, its serif companion for the editorial statement copy
Centred stacked wordmark GEORGE / NORTHWOOD with wide 1.4px tracking as the fixed nav anchor between split left/right menu groups
Split top nav: ABOUT + BOOK AN APPOINTMENT hard left, SHOP + LOGIN + BAG (0) hard right, logo dead centre
Tiny UI type economy: 10-14px nav labels, 16px/26px body, a restrained 10-20px scale that keeps everything quiet under the imagery
Persistent footer utility bar (DELIVERY & RETURNS, TUTORIALS & VIDEOS) with a small GN monogram lockup and mono social glyphs

Do not copy

The George Northwood wordmark and the GN monogram lockup
Self-hosted Suisse Intl / Suisse Works (licensed commercial faces, not free to lift)
Photographs of George Northwood and named celebrity clients
The UNDONE product-line naming and its UNDIRTY/UNPARCHED/UNDAMAGED copy system
The specific hand-painted brush-stroke edge texture as a signature motif
London salon addresses (Wells St, Boundary St, Holland Park Ave) and press round-up name-drops
The exact justified word-spacing of the hero paragraph as a fixed template