Images

Media utilities — rounded, fixed aspect ratios, thumbnails, figure & caption, and object-fit. Frames carry the glass border so media sits cleanly on any surface.

Corners

Rounding

Square through pill — every radius from the --ax-radius-* scale.

Square
Radius sm
Radius md
Radius lg
Radius xl
Circle
Framing

Aspect ratios

The .ax-ratio frame crops media to a fixed shape via --ax-ratio.

Aperture Goods storefront banner
16 : 9 — banners
Product hero, 4 by 3
4 : 3 — content
Square product thumbnail
1 : 1 — avatars
Portrait, 3 by 4
3 : 4 — portrait
Gallery

Thumbnails

Selectable tiles with an active ring.

Selected: image of 6

Sizing

Object-fit

Same source, same 4:3 frame — three fit strategies.

Cover fit demo
cover — fills, crops
Contain fit demo
contain — fits, letterboxed
Fill stretch demo
fill — stretched
Editorial

Figure & caption

A captioned figure with a gradient scrim title.

New
Brass Task Light
Lighting · $182
Our best-selling task light, photographed for the Summer ’26 lookbook.
People

Avatars & status

Circular & squircle crops with status dots and a stacked group.

AS MR LB DO
Stacked group
AS MR PN +5