MediaShipped

Figure

Specimens sit on --surface in a 20px shell with 40px of air. A caption, when needed, is a mono label pinned bottom-left.

Used onCase figures

Sahyog ambulance-tracking dashboard — Dashboard · 2024

Show code

<figure class="fig"><img src="../assets/img/dash.webp" alt="Sahyog ambulance-tracking dashboard" width="900" height="595" loading="lazy"><figcaption>Dashboard · 2024</figcaption></figure>

Dark specimen

.fig.dark - the one inverted surface, for specimens that are themselves dark. Captions switch to --mut-inv (5.4:1).

Show code

<figure class="fig dark"><img src="../assets/img/studio.webp" alt="Ad Studio template workflow" width="715" height="423" loading="lazy"><figcaption>Ad Studio</figcaption></figure>

Pair

Show code

<div class="fig-grid">
  <figure class="fig"><img src="../assets/img/observe.webp" alt="Before" width="477" height="320" loading="lazy"><figcaption>Before</figcaption></figure>
  <figure class="fig"><img src="../assets/img/shot.webp" alt="After" width="900" height="488" loading="lazy"><figcaption>After</figcaption></figure>
</div>

Illustration shell

.fx-wrap holds the particle-field case illustrations: 4:3, --r-lg, a --line-2 hairline on paper. Images inside step down to --r-sm.