---
id: "2115834600765239463"
source: https://x.com/ty_kra_lab/status/2115834600765239463
author: "Tykra (@ty_kra_lab)"
media: "video, 3840x2160, 51.4s"
model: claude-opus-5-5
generated: 2026-10-31
---
# Glass Mobile UI Wall Montage

## Summary
A camera-driven montage across a tilted wall of phone screens built in a translucent glass UI style: frosted context menus over photo grids, a music player with a morphing liquid blob, fitness rings, settings panels, and finally a pull-back to dozens of screens. It shows how shallow depth of field and a slow diagonal drift can turn a static set of UI screens into a premium product reel.

## Style
- Theme: light (pale lilac-grey backdrop with mixed light and dark screens)
- Mood: polished, airy, premium, fluid
- Tags: mobile-ui, glassmorphism, context-menu, ui-wall, depth-of-field, camera-drift, product-reel
- Category: Mobile, Motion

## Palette
| Role | Hex |
|---|---|
| Backdrop | #EFEEF2 |
| Glass panel | #FAFAFB |
| Dark screen | #1C1918 |
| Olive photo tone | #515741 |
| Dusty rose | #C8BABE |
| Warm brown | #9A7765 |
| Slate blue | #8A9DAB |
| Toggle green | #34C759 |

## Typography
- System-style sans (Inter or the platform default is the closest free option): menu items about 17pt regular in near-black with 22px leading; secondary lines (sort criteria) 13pt grey.
- Large titles on cards in bold, about 34pt, tight tracking (-0.02em).
- A white bold two-sentence tagline appears over the screens at mid-frame, about 4% of frame height. Inter 700.
- Buttons in the pill rows use 15pt semibold.

## Layout
- 16:9 (3840x2160). Screens are laid out as a grid on a plane tilted roughly 25deg on X and rotated about -10deg on Z, so rows run diagonally.
- Phone frames have about 48px radii; glass menus 28px; pill buttons fully rounded.
- Strong depth of field: the focal screen is sharp while neighbours blur up to about 12px.
- Glass menus float about 40px above their screen with a soft 30px shadow at 12% black.

## Elements
- Glass context menu: frosted white (70% alpha, 30px blur), rows with leading line icons, chevrons on rows with submenus, and a selected check row.
- Action row above a menu: share, pin and lock icons with labels, plus a blue and a red full-width pill button behind it.
- Music player screen in dark mode with transport controls and a bright green blob that stretches between two pill buttons.
- Fitness screen with three concentric activity rings and stat tiles; camera screen with portrait photos.
- Settings sheet with toggles, a slider and a measurement card showing dimensions.
- The final grid: about 60 screens of maps, photos, calculators and dashboards.

## Motion
- 2.1s: close-up of the player; the green blob morphs between pill shapes (about 500ms, gooey ease).
- 11.3s: a context menu scales in from its anchor (from 0.9 to 1, 250ms, ease-out) over a photo grid.
- 20.6s: the camera drifts across fitness and camera screens while the tagline fades in for about 2s.
- 29.8s and 39.1s: more menus and settings panels slide past with rack focus.
- 48.3s: the camera pulls back over about 3s to reveal the full wall.
- Constant diagonal drift of about 40px per second, crossfade cuts of 400ms, ease-in-out on every camera move.

## Rebuild it
1. Build a grid of phone cards (`aspect-[9/19.5] rounded-[48px] overflow-hidden`) inside a container with `perspective: 1600px`.
2. Tilt the grid with `transform: rotateX(25deg) rotateZ(-10deg)` and scale it 1.4 so it overflows the viewport.
3. Animate the grid's `x` and `y` with Motion over 50s (linear) for the drift, and keyframe `scale` from 1.4 down to 0.6 at the end for the pull-back.
4. Glass menus: `bg-white/70 backdrop-blur-2xl rounded-[28px] shadow-[0_20px_60px_rgba(0,0,0,0.12)]`; enter with `initial={{ scale: 0.9, opacity: 0 }}` and a 0.25s ease-out.
5. Fake depth of field by applying `filter: blur()` to cards based on distance from the viewport centre.
6. Morphing blob: an SVG path animated between two shapes with Motion, with an SVG goo filter for softness.

## Generation prompt
A slow cinematic camera drift across a tilted wall of smartphone screens in a soft frosted glass interface style, pale lilac-grey backdrop, shallow depth of field: translucent context menus with icon rows over photo grids, a dark music player with a bright green liquid blob, fitness rings, settings toggles, then a pull-back revealing dozens of screens; clean, premium, airy, no logos.