Figure

Storybook

Images with captions, in the case-study frame

A Figure wraps any image (a plain <img> or next/image) in the system's rounded container with an optional caption. Pass an onClick and it becomes zoomable: zoom cursor, hover dim, and keyboard activation for lightboxes.

With caption

A Virtual Construction Designer working inside the Augmenta platform
A Virtual Construction Designer working inside Augmenta, the target user for the redesign.

Zoomable

With onClick the figure gains the zoom affordance: on the work pages this opens the lightbox.

Zoomable figure demo
Zoomable: click or press Enter to trigger the handler.