Bento Grid

Orbital Glass — Vision Pro App Showcase

Floating rounded-rectangle tiles with translucent fills and layered drop shadows drift against a deep atmospheric gradient, each centering a 3D-rendered glyph — replicating the perceived depth of spatial operating system interfaces inside a flat slide.

This template exists for the moment a speaker needs an audience to feel a platform, not just understand it. It borrows the visual language of spatial computing — translucency, soft shadow stacking, ambient light bleed — because those cues signal depth and dimensionality before a single word is read. It refuses flat fills, hard borders, and uniform tile sizing, treating each card as a suspended object rather than a grid cell. It is built for product reveals, OS keynotes, and app-category showcases where the interface itself is the argument.

Palette — Pacific Glass

Prompt — Preview 1

You are designing a single presentation slide.

CATEGORY: Bento Grid
TEMPLATE: Orbital Glass — Vision Pro App Showcase
DESCRIPTION: Floating rounded-rectangle tiles with translucent fills and layered drop shadows drift against a deep atmospheric gradient, each centering a 3D-rendered glyph — replicating the perceived depth of spatial operating system interfaces inside a flat slide.

DESIGN PHILOSOPHY:
This template exists for the moment a speaker needs an audience to feel a platform, not just understand it. It borrows the visual language of spatial computing — translucency, soft shadow stacking, ambient light bleed — because those cues signal depth and dimensionality before a single word is read. It refuses flat fills, hard borders, and uniform tile sizing, treating each card as a suspended object rather than a grid cell. It is built for product reveals, OS keynotes, and app-category showcases where the interface itself is the argument.

DESIGN INTENT FOR THIS SLIDE:
The slide should feel like powering on a spatial operating system for the first time — weightless, luminous, and quietly theatrical. Frosted-glass tiles appear suspended at different focal distances, soft stacked shadows beneath each one implying ambient light drifting from above and behind. The overall mood is deep-space premium: sparse, unhurried, and dimensionally alive, with the hero tile commanding attention the way a flagship product shot commands a stage. Avoid any hard-edged flatness, uniform tile sizing, or symmetric arrangement that would flatten the sense of layered atmosphere.

PALETTE — "Pacific Glass":
- Primary (background or dominant): #0c2233
- Secondary (text or supporting): #e8f4f8
- Accent (emphasis, rules, callouts): #5fc8d6
- Neutral (muted text, borders): #7a98ad

LAYOUT:
12-column grid with a dominant hero tile spanning cols 2–8, vertically centered with generous top and bottom breathing room against an edge-to-edge atmospheric gradient bleed. Two to three smaller orbiting tiles float at varying depths in cols 9–12 and partially behind the hero — staggered vertically to break symmetry and imply parallax. Title text anchors inside the hero tile, left-aligned with a thin rule-line separator dividing it from the subtitle. A minimal identity mark or deck label sits bottom-left in the outer margin; no header band.

CONTENT TO PLACE:
[Replace this with your slide content: title, bullet points, stats, image descriptions, etc. If left empty, ASK the user what content they want before drawing.]

OUTPUT: Describe the slide visually in detail, then provide HTML/CSS or SVG code that renders it at 1920x1080.

Open in:Claude ChatGPT Gemini

Good for

· App platform category reveals with icon-driven navigation
· Vision Pro or mixed-reality product keynotes
· Feature suite showcases where each tile represents one pillar
· Spatial OS or visionOS-style UI demonstrations

Avoid for

· Chart-heavy quarterly financial reviews requiring data density
· Dense bullet-point academic or policy briefings
· Multi-column comparison tables with fine print
· Brand style guides that demand strict 2D grid alignment

More in Bento Grid

Calm Linen — Notion-Style Documentation Bento

A warm-cream, shadow-free bento grid housing four live UI fragments — database table, kanban board, meeting notes, and task checklist — inside hairline-bordered cards. Communicates feature breadth at a glance without resorting to icon grids or marketing copy.

Bento Grid

Crystal Grid — Apple-Keynote Feature Bento

Five rounded, glassy tiles — one dominant 2×2 hero flanked by four 1×1 feature cells — built to reveal product strengths the way Apple does: one icon, one phrase, nothing more. The soft inner highlight gradient keeps each tile tactile without competing with its content.

Bento Grid

Cupertino Mirror — iOS Settings Bento

A slide built around the visual grammar of Apple's Settings app — grouped rounded-rectangle cell lists, SF Symbol squircle icons, and a system-gray canvas — transplanted from phone to deck without sacrificing a pixel of HIG fidelity.

Bento Grid

Orbital Glass — Vision Pro App Showcase

Palette — Pacific Glass

Prompt — Preview 1

Good for

Avoid for

Tags

More in Bento Grid

Calm Linen — Notion-Style Documentation Bento

Crystal Grid — Apple-Keynote Feature Bento

Cupertino Mirror — iOS Settings Bento