Bucket · Photos
Listings
The photos within an album as a gallery. Two layout components: Justified Rows and Masonry Grid.
01
Listings
Building outThe photos within an album as a self-contained gallery. Two layout components, same photo cell, opposite geometry.
Justified Rows default
Row-based, the Flickr approach. Equal-height rows scaled to fill the width; tidy, aligned edges. No cropping.
Masonry Grid dense
Column-based. Fixed-width columns, photos stacked down the shortest; a denser wall with a ragged edge.
02
Which to use
Notes
- Justified Rows is the default for album listings: rows read as one uniform grid, flush left and right, no photo cropped.
- Masonry Grid is the alternative when a denser, browse-heavy wall is wanted and an uneven bottom edge is acceptable.
- Both take photo[] and share the same photo cell (image, more affordance, sponsor watermark) and the fixed 16px gutter; only the packing differs.
- Photos are never cropped in either; a photo's metadata lives in the Viewer.
Components · Photos · Listings
The in-album gallery. Justified Rows is the default; Masonry Grid is the dense alternative.
The in-album gallery. Justified Rows is the default; Masonry Grid is the dense alternative.