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.