Julia Noni
julianoni.com/The reference for a fashion photographer's gallery reduced to nothing but the work: pure rgb(0,0,0) on rgb(255,255,255), SuisseIntl at 10-11px, a bracketed [ SELECTED ] nav and a 1 | 66 slide counter framing one full-bleed image.
Photography flagship
Design tokens
tone1
tone2
- display
- SuisseIntl
- body
- SuisseIntl
- mono
Do / Don't
Reference it for
- Absolute-minimal top bar: name left (JULIA NONI), centred caption pair VOGUE GERMANY + muted EDITORIAL, bracketed nav [ SELECTED ] [ WORKS ] [ ABOUT ] far right
- Tiny-type discipline: SuisseIntl 10px and 11px for all chrome, 36px reserved only for larger moments, everything at weight 400/500
- The 1 | 66 slide counter as the only progress signal, letting a large catalogue read as one calm sequence
- Pure monochrome system: text rgb(0,0,0), a single mid-grey rgb(172,172,172) for de-emphasised labels, on rgb(255,255,255)
- One hero image doing all the work, generous white margins on all four sides, no captions crowding it
- Active-state convention: the current section shown solid ([ SELECTED ]) while siblings sit greyed
- Zero decoration: empty borderRadius, boxShadow and gap token sets, nothing rounded or shadowed
- Times as a hairline secondary face for a single editorial accent against the Suisse grotesque
Do not copy
- The JULIA NONI wordmark and name
- The photographic works themselves (Vogue Germany editorial and every model/shoot image)
- The literal client captions (VOGUE GERMANY / EDITORIAL)
- The exact SuisseIntl licensed webfont files
- The specific 66-slide catalogue structure and its ordering
- The [ SELECTED ] [ WORKS ] [ ABOUT ] label set as a recognisable signature