Geometry Gallery

Start with an immersive hero. As visitors scroll, it smoothly shrinks into the gallery, revealing a composition of large and small images alongside your project description. Scrolling back reverses the transition.

An image or video hero

Use your first gallery image, upload a separate hero image, or add a looping video ( CMS Compactible ) . Adjust the hero’s final width and the scroll distance required to complete its transition. Video supports uploaded MP4/WebM files, direct video URLs, and an optional poster image.

Editable hero content

Introduce each project with a category, oversized title, client name, and year. Customize the labels, fonts, colors, alignment, placement, padding, and background shading. Set when the text begins fading and when it disappears as visitors scroll into the gallery.

Expressive gallery layouts

Combine larger centered images with smaller images positioned left, right, and center. Choose the staggered arrangement or customize alignment, individual image widths, aspect ratios, and horizontal positions. Adjust spacing, corner radius, and small-image size to suit your work.

Adjustable image overlap

Create a layered composition with the vertical overlap control. Keep images separated or introduce up to 60% overlap between adjacent rows in the staggered layout.

Sticky project storytelling

Keep your project details visible beside the scrolling gallery. Place the images on either side, with the content panel automatically moving to the opposite side. Customize the panel width, column gap, and sticky top offset.

CMS image connections

Choose the workflow that fits your project:

• Upload images manually.

• Connect a CMS Gallery field.

• Connect individual CMS Image fields.

Empty CMS image fields are skipped automatically. Supports up to 60 manual items, 100 items through the CMS Gallery control, or 20 individual CMS image slots.