BLOCKS / MEDIA
Image block
Standard image patterns with aspect ratios, captions, rounded corners, and full-bleed options. Five configurations covering common image use cases.
Standard image
Aspect-video container with rounded corners and a gradient placeholder.
Image with caption
Standard image paired with a descriptive caption below.
Fig 1 — A descriptive caption for the image above. Captions provide context and accessibility information for visual content.
Full-bleed image
Edge-to-edge image with no max-width constraint. Fills the full viewport width.
Rounded with shadow
Image with large border radius and a soft drop shadow. Elevated card-like appearance.
Image on dark
Image displayed within a dark section. Rounded corners with subtle border.
