Airy staggered image archive
Place unequal image rectangles in an intentionally staggered field with substantial pale space.
Design DNA
Use a pale, spacious canvas with sparse navigation/metadata and image regions placed with uneven visual weight. When multiple images appear, varied sizes and offsets create an archive rhythm instead of a uniform equal-card grid. Not every core shows a repeated archive: mgb-0087 is a single featured image, and mgb-0085 is text-led with two prominent image areas; this weakens confidence in the shared archive minimum.
✓Keep
- Pale/open ground and restrained navigation or project metadata.
- Unequal visual weight among image regions; offset placement is clear in htb-0203 and present in htb-0166.
- Broad whitespace separates image-bearing areas rather than enclosing every item in a dense card grid.
↔Change
- Several images arranged as an archive; count is not consistent in all cores.
- Neutral ground, project label/year, and small progress strip.
- Text-led statement or service description (not shared across all).
- Architectural/fashion/product subject, exact copy, studio identity, hue, and particular image crop.
- Exact number and side of images.
×Avoid
- Do not copy the reference identity, written content, trademarks, or distinctive branded artwork.
- Do not reproduce a gallery monitor, browser frame, or photographed device that merely presents the original website.
- Do not substitute a generic card-and-gradient landing page if it removes an essential rule.
- Do not turn a failed image, cookie overlay, loading indicator, or blank capture into a design invariant.
On a new subjectFor a public-land restoration portfolio, place a few unequal project photographs at staggered positions on a pale field with small titles and dates. If there is one featured project only, use a featured-image layout rather than implying an archive.
Prompts
Specs
Foam Talent gallery still: many differently sized photographs in widely separated vertical positions, with left-edge vertical wordmark; shows varied spacing and some column rhythm.
Snog Productions gallery still: strongest staggered project collage, with differently sized images and large white spaces; oversized red label is instance-specific.
Arkitektkontoret Vest gallery still: one featured architecture image on left, detached project label on right and open cream field; does not satisfy a multi-image archive minimum.
Stagecrew gallery still: sparse two-column editorial page, small inset and large lower photo, broad blank zones, project labels and substantial copy; weak archive case.
Selected support Beaustudio live capture is a three-part editorial portfolio surface with large image areas and copy, used only as a boundary; not a canonical repeated archive.
Core image sources are gallery submissions; measurement files for those domains are separate current live captures and are not used as measurements of the submitted gallery frames.
Estimate
Expose roughly 6–12 differently sized images at desktop with visible stagger and generous gaps; keep controls around 11–14px.
Estimate
Neighbors
