Build a sphere menu for a fictional board game café called The Rolling Pawn, drawn on a 2D canvas. The page is green felt (#0f2a24 fading to #0a1d19). Spread 36 round discs evenly over a sphere with the golden angle; each disc is one of 18 games, drawn once to an offscreen canvas as a round box lid with its own colours and pattern (hexagons, dice, stripes, a pawn, a moon or waves). Project with perspective (camera distance 2.8 radii), sort by depth, fade and darken the back discs and make the front ones larger. Drag to spin the sphere in any direction with inertia (0.95 decay per frame); while dragging the discs shrink to 82%. When it slows, rotate the disc nearest the front exactly to the centre and ring it in brass (#e0b25c). A tap on a disc brings that game forward. The panel beside it (below it on phones) shows the front game: the label "Spin the shelf, pick tonight's game", the name in a cream (#f3ead8) serif, player and minute chips, a one line description, a brass "Hold for tonight" toggle with aria-pressed and round previous and next buttons. After 6s idle the sphere drifts slowly. An "All 18 games" button with aria-expanded opens an accessible list of every game; focus moves in, Escape closes. Cap devicePixelRatio at 2. Reduced motion stops the drift.
Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.
Use it in three steps
- Copy the prompt with the button above.
- Paste it into your tool, such as v0, Lovable, Bolt or Claude.
- Make it yours by drawing your own discs for products, projects or rooms.
About this sphere menu
This sphere menu turns a shelf of board games into a globe you can spin. Thirty six round box lids are spread evenly over a ball using the golden angle, so there are no bald patches or clumps, and they are drawn with real perspective: the ones facing you are large and bright, the ones round the back are small, faded and darker. Drag in any direction and the globe keeps turning after you let go.
As it slows down, the disc closest to you is gently turned to the exact centre and ringed in brass, and the panel beside it fills in the name, players, playing time and a hold button. Leave it alone and it drifts on its own, so the shelf never looks still. A plain list of every game sits behind the All games button for keyboards and screen readers.
Why the prompt works
- It explains the layout maths, golden angle points and a camera distance for the perspective.
- It describes the snap, the nearest disc rotated to the centre once the spin slows.
- It keeps it light by drawing each lid once to an offscreen canvas.
- It adds a real list view, so the menu works without dragging.
Where to use it
Game cafés, record shops, playful portfolios and product ranges with twelve to forty items that look good as round tiles.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
