Website Styles
← Styles

Orbital thumbnail gallery

Arrange many small separate project images into a circular or elliptical orbit.

SpatialPilot passedAwwwards-derived3 sites
Cipher website
Gionatan Nese '26 website
Anna Ley website

Design DNA

Arrange separate small project images around a recognizable circular or elliptical path, leaving a comparatively open center. Small identity text or a short label may sit in or near the center; keep controls peripheral so the orbit remains legible.

Keep

  • Multiple separate thumbnails trace a closed or nearly closed circular/elliptical path.
  • The center remains comparatively open or holds only a short identity label.
  • Peripheral navigation/controls do not obscure the orbit.

Change

  • Dark or pale field: awb-0085 is dark, while awb-0069 and div3-0018 show pale/light areas.
  • Mixed thumbnail crops, sizes, and subjects.
  • Small center wordmark, page title, or outer edge labels.
  • Exact brand, image subjects, number of thumbnails, and hue.
  • A specific orbit radius or perfect geometric circle.
  • Specific animation or 3D implementation, which stills do not establish.

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 botanical research archive, place a small selection of plant-study thumbnails around an open circular field with a short collection label in the center and quiet outer navigation. Keep image placement distinct from an unstructured scatter.

Prompts


 
 

Specs

Cipher gallery: a ring-like sequence of separate project images around an open center on a dark field; quiet top identity/nav and small footer labels.

Gionatan Nese '26 gallery: small object/project thumbnails occupy positions around a large central light field, with sparse identity labels; oversized background copy is visible behind the central panel. The still supports approximate orbital distribution, not motion.

Anna Ley live desktop: product/design thumbnails distributed around a broad open center on a light page, with Anna Ley at upper left and Info at right; matching desktop screenshot measurement reports viewport 1440x1000.

Selected boundary comparison The Curious Office (Free image constellation with quiet labels) is an irregular but compact tile patchwork, with no closed ring; current evidence clarifies the orbit/constellation boundary.

No mobile visual evidence reviewed. Matching live mobile measurement metadata alone would not establish a responsive orbit.

Estimate

Arrange roughly 8–16 separate image specimens around a closed circular or elliptical path spanning about 50–80% of the opening width. Preserve a substantial empty center, a plain neutral field, small peripheral labels and visible gaps between image units; exact rotations and light/dark mode may vary.

Measured

:

Estimate

Neighbors

Sites 3