Still exploring layouts for one section of a site I'm rebuilding. The company runs a portfolio of streetwear, coffee and fitness brands, so the section has to carry a lot of different worlds at once.
The original puts the headline on top of a photo, then lays eight images out in an even grid. I wanted to test the opposite of both.
Three decisions I'm trying:
1. Type gets its own cell. The yellow blocks aren't captions or overlays. They sit in the grid as tiles, the same weight as a photo. Nothing is layered over anything, so nothing competes for the same spot.
2. Empty cells stay empty. The instinct is to fill the grid. Leaving holes is what makes it read as a collage instead of a gallery.
3. Mobile isn't the desktop grid squeezed. It repacks tighter, taller, and the yellow block changes proportion instead of just scaling down.
What I'd like eyes on is the desktop version. There's a line between airy and unfinished and I'm not sure which side of it I'm on. Would you tighten those gaps or push them further apart?
Still exploring layouts for one section of a site I'm rebuilding. The company runs a portfolio of streetwear, coffee and fitness brands, so the section has to carry a lot of different worlds at once.
The original puts the headline on top of a photo, then lays eight images out in an even grid. I wanted to test the opposite of both.
Three decisions I'm trying:
1. Type gets its own cell. The yellow blocks aren't captions or overlays. They sit in the grid as tiles, the same weight as a photo. Nothing is layered over anything, so nothing competes for the same spot.
2. Empty cells stay empty. The instinct is to fill the grid. Leaving holes is what makes it read as a collage instead of a gallery.
3. Mobile isn't the desktop grid squeezed. It repacks tighter, taller, and the yellow block changes proportion instead of just scaling down.
What I'd like eyes on is the desktop version. There's a line between airy and unfinished and I'm not sure which side of it I'm on. Would you tighten those gaps or push them further apart?