81Picture frames

Four print treatments for the places an image is an OBJECT rather than a document — an instructor's desk, a meetup, a certificate on a wall. Everywhere else, a photo is a hairline box (see Image); these are for when the photograph is the content.

Use it for

Instructor and community photography
A testimonial that leads with a face
--tape for meetup and event galleries

Not for

Course stills, screenshots, diagrams — those are documents and want the plain frame
Mixing three styles on one page. Pick one per surface

The four

--photo a print in an album · --polaroid the deep bottom margin, caption in the reader's own voice (Sentient) · --matted a museum mat, for something being presented · --tape stuck down at two corners, the only rotation in the system.

Bengaluru meetup, 2026

First trigger that survived the load

Certificate 0042

Study group, week 6

markup

<div class="ns-pframes">
  <figure class="ns-pframe ns-pframe--photo" style="inline-size:12rem">
    <span class="ns-ph" aria-hidden="true"></span>
    <figcaption>Bengaluru meetup, 2026</figcaption>
  </figure>
  <figure class="ns-pframe ns-pframe--polaroid" style="inline-size:12rem">
    <span class="ns-ph" aria-hidden="true"></span>
    <figcaption>First trigger that survived the load</figcaption>
  </figure>
  <figure class="ns-pframe ns-pframe--matted" style="inline-size:14rem">
    <span class="ns-ph" aria-hidden="true"></span>
    <figcaption>Certificate 0042</figcaption>
  </figure>
  <figure class="ns-pframe ns-pframe--tape" style="inline-size:12rem">
    <span class="ns-ph" aria-hidden="true"></span>
    <figcaption>Study group, week 6</figcaption>
  </figure>
</div>

Accessibility contract

A real <figure>/<figcaption>, so the caption is tied to the image
The tape and the tilt are decorative and drop under prefers-reduced-motion