Swipe
Contemporary Motion

A single image, a pill, and a number. The swipe does the rest — no cut, only reveal.

1500×1000 · 60fps · 5.03s · h264 · 2 variants · LF Swipe 16 / 18 · 165K / 518K

03The number that holds the grid

1 swipeLeft to reveal, right to return

2 framesPhone + raw card

Play motion Read card

Swipe card — Contemporary Motion 03 pill over portrait plus large 03 — Frame 02 — Variant 18, 2s: pill on image + large 03 as counter.

01 — The card is the whole system.

1500×1000, 12px radius, no border. The image is always black-and-white, 4:5 crop of the portrait (braids, watch, collar). The card never moves — the content slides under it.

Phone frame showing card with portrait inside Instagram chrome — Variant 16 — card inside iPhone chrome, Instagram header + bottom nav.

Construction

Card: 4:5, 12px radius, overflow hidden
Image: B&W, 1500×1000 source, center cropped
Overlay: Pill at 50% height, 16px radius, backdrop blur 12px
Type: “Contemporary Motion” 12px + “03” 13px, white, right-aligned 03

Contemporary Motion03

The pill is not a label — it’s the handle. Swipe it.

02 — Phone is a frame, not a mockup.

Variant 16 puts the same card inside an iPhone with Dynamic Island. Header: “Studio Name • Piero Umiliani – Nostalgia”. Footer: 12.3k / 45 / 150, liked by LUFTFORMAT, caption. The phone is not the design — it proves the card works where it will live.

iPhone mockup with Instagram UI and white card — iPhone 15 Pro, 1px inner stroke, 44px radius, black bezel #000.

What changes

Image stays B&W, phone chrome is #000 on #000 background — the card floats.
Instagram chrome is 1px #E6E2DB, header 48px, footer 64px, icons 18px.
Raw variant (18) removes chrome — pill + 03 card becomes the page itself on #F2F0EB.

What stays

Card radius, pill blur, and “03” scale are identical in both. Motion is the only variable.

03 — The pill holds time.

Dark translucent pill (#2A2A2A at 60% + blur) with white type. Left: “Contemporary Motion”, right: “03”. It sits at 50% of the image, never moves up or down — only its opacity shifts as the image swipes.

Contemporary Motion03

Pill: Height 32px, radius 16px, padding 14px, blur 12px
Type: 11px / 13px, -0.02em, white, 03 right-aligned
Large 03: Right card: 120px, white, #F2F0EB → #DADADA gradient, centered

Pill on portrait plus large 03 card on grey gradient — Variant 18 — pill on image + 03 as standalone card (right). Grey gradient #E8E6E1 → #D9D7D3.

04 — Motion is a single swipe.

5.0s, 60fps, no cut. 0s: image centered. 1–2s: swipe left → image slides, pill holds, 03 fades in on the right. 3–4s: hold. 4–5s: return. The phone variant adds a 0.2s spring.