Style

Gallery White Cube: the site is a wall, the work hangs on it

A style for painters, photographers and galleries who want the work to do all the talking. How the white-wall approach works on screen, the type and palettes behind it, and how to prepare the hang.

Updated
Gallery White Cube specimen: The site is a white wall and the work hangs on it. Restraint everywhere except the images.
Gallery White Cubeminimal, art, precise, calm
The look

Palette and type

Palette

    • Ground#F4F4F1
    • Surface#E3E3E0
    • Ink#000000
    • Muted#6B6B6A
    • Accent#D7261E
    • Accent 2#5B6B7A
    • Line#C3C3C1

    Gallery white

    White-cube walls, true black for type, and the red of a museum's sold dot. Nothing else competes with the work.

    • Ground#E6F0F4
    • Surface#D7E2E6
    • Ink#0B2233
    • Muted#586A77
    • Accent#E8392B
    • Accent 2#3F8FA6
    • Line#BAC7CD

    Arctic signal

    Ice-white with a deep polar-navy ink. A signal-flare red is the only warm thing on the page.

    • Ground#E5E3DC
    • Surface#D7D5CE
    • Ink#1A1A18
    • Muted#61605D
    • Accent#D80700
    • Accent 2#00599C
    • Line#BCBBB5

    Newsprint red

    Grey newsprint, press-black ink, masthead red and a wire-service blue. Reads like a paper with something to say.

Type

Gallery White Cube

Instrument SerifDisplay, 400

The site is a white wall and the work hangs on it. Restraint everywhere except the images.

SwitzerText, 400

Layout
Huge margins, small type, images at true proportions, wall-label captions, one red dot of accent per page.
Motion
Almost still: fades and mask reveals, draggable WebGL wall for the archive, pixel reveals on enter.

Try it with a prompt

“A painter's site. Nine rooms, one show. Each room is a series.”

Start building in Gallery White Cube

Gallery White Cube is built on one idea: the site is a white wall, and the work hangs on it. Margins are huge. Type is small and exact. Images keep their real proportions. Captions read like wall labels. There is one red dot on the page, the kind a gallery uses to mark a sold piece.

Everything is restrained, except the work.

The specimen, for a fictional show of nine rooms by one painter, puts a small serif title and opening dates on the left and lets a staggered wall of images fill the rest of the screen.

Where it comes from

The "white cube" is the modern gallery: white walls, even light, nothing on display but the art. The critic Brian O'Doherty named and dissected it in his 1976 essays Inside the White Cube, arguing that the neutral room is itself a strong frame.

Websites for artists often fight the work with heavy navigation, uniform crops and decorative type. Gallery White Cube takes the gallery's lesson: a neutral, carefully proportioned frame makes the work look more important.

What defines it

ElementThe Gallery White Cube choiceWhy
GroundGallery white, ice white or newsprint greyA neutral wall
ImagesTrue proportions, never cropped to a uniform gridCropping changes the work
TypeSmall titles in a narrow serif; wall-label captions in a Swiss groteskType supports, never competes
SpaceHuge margins, a few images per screenAir gives each piece its own room
AccentOne red dot, used once per pageThe sold dot: one signal, nothing else
ArchiveA draggable wall or a ledger of worksBrowsing as walking through a show

Palettes

PaletteGroundInkAccentCharacter
Gallery white#F4F4F1#000000#D7261EWhite walls, true black, the red of a sold dot
Arctic signal#E6F0F4#0B2233#E8392BIce white with polar navy; one flare of red
Newsprint red#E5E3DC#1A1A18#D80700Grey newsprint, press black and masthead red

Type

  • Display: Instrument Serif. Narrow and high-contrast, used small for titles. It looks like a wall title, not a headline.
  • Text: Switzer. A Swiss-style grotesk from Fontshare that is neutral without being Helvetica. It sets captions, dates and media lines.

The pairing matters. Instrument Serif with the web's most common sans-serif is one of the most overused combinations of recent years, and Laarpi's lint flags it.

Motion and depth

Almost nothing moves. Images fade or unmask as they enter, and resolve from a coarse mosaic to the full picture, like a print developing.

The one moment of play is the archive: an endless wall of images you can throw in any direction, where the wall pulls back and bows as it moves and each picture slides inside its frame. It turns browsing into walking through a show. With reduced motion switched on, images simply appear and the wall renders as a single composed still, with every work also listed in the page as real text and links.

A typical page, section by section

Every site is designed for its own idea, so treat this as a sketch, not a template. A page in this style often runs like this:

  1. The poster frame. Name, current show or series and dates, set small, with one work hung large beside it.
  2. The statement, a short paragraph about the practice, in the text face.
  3. The wall. Works at true proportions with wall-label captions, a few per screen.
  4. The rail, a horizontal sequence for a series that should be seen in order.
  5. The ledger, exhibitions, editions or projects as rows: year, title, place.
  6. The footer: representation, contact and the name, quietly.

Who it suits

A strong fitA poor fit
Painters, sculptors and illustratorsBrands with no strong imagery
Photographers with a body of workEvents that need urgency
Galleries, curators, small museumsStores with large catalogues
Architects with strong photographyAnyone who needs the site to shout

More on these in the use cases for photography portfolios and architecture portfolios.

How it goes wrong

  • Empty without a reason. Minimalism with weak work is just empty. The style depends on strong images, and lots of them.
  • Uniform crops. A neat square grid looks tidy and destroys compositions. Keep proportions true.
  • Tiny type that fails contrast. Small captions need full-strength ink. Light grey on white fails readability checks.
  • Hidden navigation. Minimal does not mean mysterious. Visitors must always know how to reach the work, the info and the contact.
  • Red everywhere. The sold dot works because it is rare. One per page.

What to prepare

A white-wall site is a hang, and a hang needs a checklist:

  • Images at full resolution, uncropped, with colour you trust. They are shown at their true proportions.
  • Wall-label details for each work: title, year, medium, dimensions, and whether it is available.
  • Series or project texts, short, one per body of work.
  • A plain information page: biography, exhibitions, representation and contact. Curators look for it first.

With these in hand, the agent can lay out the archive as a wall to drag through or a ledger to scan, and keep the captions exact.

Making it yours

  • "A painter's site. Nine rooms, one show. Each room is a series."
  • "A documentary photographer. Long projects, each with a short text. An archive I can drag through."
  • "A small gallery with four shows a year. Current show first, then the archive."

For a portfolio that also wins work, read a portfolio that gets you hired and see the portfolio website use case. For more drama around the images, Editorial Luxe. For a harder grid, Swiss Brutal. For calm with warmth, Quiet Luxury.

Questions

Fair questions

How do I make a portfolio site that lets the work speak?

Remove everything that competes with it. Keep images at their true proportions, use small precise type for captions, leave large margins, and use colour once. The site should feel like a white wall.

Is a minimalist portfolio boring?

Only when it is empty without a reason. Gallery White Cube saves its drama for the work and for one interaction, such as an archive wall you can drag in any direction.

Should images be cropped to a uniform grid?

Not in this style. Cropping every piece to the same square changes the work. Gallery White Cube shows each image at its real proportions, like hanging it on a wall.

Which fonts work for a gallery-style site?

A narrow, high-contrast display serif such as Instrument Serif for titles, and a Swiss-style grotesk such as Switzer for wall labels and text. Avoid pairing the serif with the web's default sans-serif.

Related

Start building

Describe the site in a sentence. It asks what matters, then designs and builds it from scratch.

One sentence is enough.