Vibeshots
← Sites

Shot on iPhone in Black & White

shotoniphone.lorenzobocchi.com
Shot on iPhone in Black & White website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Tall monochrome photographs form a single horizontal strip on black with narrow gaps and partially cropped edge images. Small dark utility groups occupy upper corners and a few lower corner cues.
Type
Small white/gray regular sans labels with tiny outline icons; the photographs carry the visual emphasis.
Color and surface
Near-black field, grayscale photographs, subtle rounded image corners and black utility surfaces with low-contrast inactive labels.
Components
Small menu/title group, view-mode group, portrait image strip and tiny lower icon groups.

What makes it work

  • A monochrome portrait-image strip floating in a dark void with tiny corner view controls.
On a new subjectFor a railway oral-history archive, display tall black-and-white station portraits in a dark horizontal strip with tiny corner archive-view labels.

Measured

Fonts loadedGeistSans
Body text16px
Page background#000000
Text color#fdfefe
Page height1,067px

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today
Shot on iPhone opens as a full-viewport black-and-white photography experience. Large, faint lettering sits behind several floating, tilted photo panels; compact controls label Flow/Grid/Map at the upper right, Reel/Wall/Trail/Drift at the lower right, and camera/night controls at the lower left. Across saved frames, the visible photos include a bird, beach, architecture and landscape. The selected gallery image is a separate horizontal strip of black-and-white photographs with its own compact controls.
Responsive
Desktop is 1440×1000, tablet 768×1024 and both phone states 390×844; every document equals its viewport and every state records y=0. At narrower widths the photo arrangement is cropped and the bottom controls reposition around the image field. These captures do not establish breakpoints or behavior beyond the viewport.
Scroll
The desktop-scroll state measures actual scrollY=0 in a 1440×1000 viewport-sized document. It shows the same full-screen black photography experience with a changed arrangement of the floating image panels; no lower page position was captured.

More like this