Styleguide

Figure

On the plate, which is transparent in Clean. data-size="small" is for illustrations: no plate, cropped and narrower.

Clean · light

Angled view of the new dashboard: warehouse capacity and stock type charts, an expanded notifications panel, and suggestions with Replenish and Dismiss actions
Detail of the dashboard designs

Clean · dark

Angled view of the new dashboard: warehouse capacity and stock type charts, an expanded notifications panel, and suggestions with Replenish and Dismiss actions
Detail of the dashboard designs

Vector

Angled view of the new dashboard: warehouse capacity and stock type charts, an expanded notifications panel, and suggestions with Replenish and Dismiss actions
Detail of the dashboard designs

Comic

Angled view of the new dashboard: warehouse capacity and stock type charts, an expanded notifications panel, and suggestions with Replenish and Dismiss actions
Detail of the dashboard designs
Markup contract
figure.figure > picture > img + optional figcaption.figure__caption. Set `figure` = { src, alt, caption }.
In Markdown the same markup comes from the rule in eleventy.config.js.