Music Prompts

Create a complete, polished Spotify-themed motion graphics video from the following brief. This prompt is self-contained: no reference video or supplied assets are required. <deliverables> An 18-second MP4 at 1920×1080 and true 60 fps, with music and subtle sound effects Complete editable source Build, render, inspect, and refine the animation before delivering it Do not stop at a storyboard, still images, or an implementation plan </deliverables> <art_direction> A premium music-product film presented inside a large, nearly black rounded rectangular stage The stage occupies roughly 80% of the canvas width and 75% of its height, centered horizontally and slightly below the vertical center Outside the stage, use a soft atmospheric green background: luminous emerald near the upper-left corner, deeper forest green toward the sides, fading to near-black at the bottom Inside the stage: Near-black background White primary typography Muted gray secondary text Spotify green # 1ED760 for emphasis and controls One clean sans-serif font, such as Geist or Inter Consistent icon strokes and restrained shadows Keep compositions compact and centered, with substantial negative space Text should feel like music-product advertising, not oversized presentation headings Do not add an outer caption, creator watermark, decorative footer, or progress counter </art_direction> <artwork> Create original square album artwork for a fictional track called “Glass Tides” by “AURA” The hero cover is an abstract macro image of flowing pearlescent liquid silk and molten glass Use pastel lavender, powder cyan, blush pink, champagne gold, and subtle mint Include broad three-dimensional folds, realistic reflective highlights, delicate striations, and a prominent sweeping S-shaped fold Fill the square edge to edge No text, logo, or border on this hero artwork Use this same artwork consistently throughout the film Create additional designed playlist sleeves: “Late Nights” in mustard yellow “Good Energy” in pink “Deep Focus” in blue “Daily Mix 1”, “Daily Mix 2”, and “Daily Mix 3” in complementary colors These should look like finished graphic-design covers, with bold typography and simple geometric motifs </artwork> <timeline> 0.0–0.6 seconds: A green Spotify icon grows smoothly into the center of the dark stage Give it a confident arrival with minimal overshoot 0.6–1.5 seconds: The icon transitions into a small Spotify identity above two centered lines: “Discover” “new music” The first line is white; the second is green Reveal them with short masked vertical movements 1.5–2.4 seconds: A stylized Spotify desktop interface rises into view Show a slim sidebar, “Made for you”, three album cards, and small supporting rows Use a subtle perspective tilt during the entrance, settling toward a frontal view 2.4–3.2 seconds: Move closer to the three featured covers Show “New for you” above them Keep the artwork crisp, with short album titles beneath A narrow rounded player bar now anchors the bottom of the stage 3.2–4.0 seconds: The featured cards withdraw into a compact “Fresh finds” list Reveal four song rows with a slight stagger Each row contains a thumbnail, short track title, artist, and a small menu icon 4.0–4.9 seconds: Transition into a horizontal strip of colorful playlist covers Heading: “Every mood” Supporting line: “Find what moves you” The strip slides smoothly sideways, with edge cards partially cropped by the stage 4.9–5.8 seconds: A compact search field appears Type “Glass Tides” Reveal one selected result beneath it, with the iridescent artwork, “AURA”, and a green play icon 5.8–6.6 seconds: The selected artwork expands into a large centered cover Reveal “Glass Tides” underneath, followed by “AURA” in green Keep the player bar visible 6.6–7.5 seconds: The same cover slides left Track information appears on the right: “Glass Tides” “AURA” “A new frequency” Add a rounded green Play button Coordinate the cover movement and text reveals 7.5–8.3 seconds: A brief brand-color transformation fills the inner stage with green The artwork contracts into a smaller centered tile Place a small dark Spotify identity underneath The player briefly recedes 8.3–9.8 seconds: Return to the dark stage The same artwork expands dramatically toward the camera, becoming oversized and cropped by the rounded stage Restore the player at the bottom Use controlled motion blur during the fastest part of the zoom 9.8–11.2 seconds: The artwork clears into a centered typographic statement: “Find your” “rhythm” Use white for the first line and green for the second The player remains visible and stable beneath it 11.2–12.5 seconds: Show “Made for your every day” Three playlist sleeves enter with gentle perspective and small opposing tilts They spread into six smaller sleeves across the stage Supporting line: “Your sound, always evolving” 12.5–14.0 seconds: The playlist layout transitions into four floating album covers Include the iridescent hero artwork Use restrained rotation, perspective, depth ordering, and overlap Keep their movement coordinated rather than randomly floating 14.0–15.2 seconds: The covers converge toward the center and fold around a green Spotify icon The artwork withdraws as the icon becomes the focal point Fade the player away The Spotify icon must emerge from the same central position as the converging covers 15.2–18.0 seconds: The icon moves slightly left and settles beside a large white “Spotify” wordmark Keep the icon and letters separated throughout the movement Reveal: “Discover new music” “every day” The first line is white; the second is green Hold the finished composition cleanly through the end </timeline> <persistent_player> For most of the middle sequence, keep one narrow rounded player bar near the bottom of the inner stage Include: Small hero-art thumbnail “Glass Tides” and “AURA” Play and skip controls A thin progress track A small volume icon Subdued dark translucent styling with a fine border This recurring player connects the changing shots It must remain visually secondary to the artwork </persistent_player> <motion_quality> Match the energy of a tightly edited premium product film Most visual ideas last approximately one second, but transitions remain smooth Use continuous acceleration and deceleration Favor critically damped springs or carefully tuned smooth easing No repeated bouncing or large elastic overshoots Preserve the hero artwork’s identity and position relationships through search, album detail, brand tile, and zoom Use match-position transitions, coordinated scaling, masked reveals, and perspective Outgoing titles must disappear before incoming titles occupy the same space Avoid overlapping text, sudden camera resets, long blank intervals, and arbitrary full-frame crossfades Clip every oversized cover and camera move cleanly to the rounded stage No particles, shockwave rings, lens flares, camera shake, or unrelated stock footage </motion_quality> <audio> Create or select commercially usable electronic music around 120 BPM Use a clean pulse, warm bass, restrained melodic elements, and subtle transition accents Align important entrances, selections, zooms, and the logo reveal with musical events Keep effects quieter than the music No voiceover Do not use copyrighted commercial tracks without permission </audio> <implementation_and_validation> Build a deterministic animation driven by absolute time through an async window. seek(t) function Every transform, opacity, mask, and UI state must be reproducible when seeking frames in any order Do not depend on live timers, accumulated physics, or CSS transition state during export Render true 60 fps with spatial antialiasing Use 3–5 temporal subframe samples per output frame for restrained motion blur Keep stationary text and artwork sharp Inspect contact sheets and moving playback Check the fast heading changes, artwork handoffs, zoom, cover convergence, and final wordmark spacing Verify evenly spaced frame timestamps and the full 18-second duration Fix visual defects before delivering the final MP4 and editable source </implementation_and_validation>

Build a 45-second machine that plays an original piece of music, where every note comes from a visible collision.

Create a 60 second music video in the style of Peter Gabriel's Sledgehammer and Big Time. But use modern references and figures. Also create the song, something sounds like it would fit on Peter Gabriel's So album.

Create a high energy launch video, showing live stats from the website, show that users can play on desktop and mobile and multiple themes, if need, give me a prompt to generate the song using Suno

Build a complete, production-quality single-page music website inspired by the attached reference image. Working title: QUARTER ROOM Tamil title: குவாட்டர் ரூம் Tagline: தமிழ் குடிகாரர்களின் அதிகாரப்பூர்வ ரேடியோ The product is a cinematic Tamil music player for drinking songs, soup songs, breakup songs and late-night Tamil melodies. It should feel like entering a living Tamil street scene, not like browsing another Spotify playlist directory. Technical foundation If the repository already has a working frontend, preserve its stack and adapt it. Otherwise, use Next.js App Router, TypeScript and Tailwind CSS. Keep it as a single-page website. No authentication, database, dashboard, backend or payments. Build clean, reusable components without overengineering. Make the page fully functional, responsive and deployment-ready. Do not stop after producing a rough scaffold. Run the project, inspect the result and fix visual, responsive and console issues. Main experience The entire browser viewport should be a cinematic illustrated Tamil street at evening. The composition should resemble the reference: Full-screen atmospheric illustrated background. A small red Tamil bar/shop at the centre. Chennai or Tamil Nadu street architecture. Banana leaves, electric wires, plastic chairs, parked scooter, tea-shop details and warm street lights. A few friends sitting together outside the shop. Deep blue evening sky contrasting with warm red and orange buildings. Subtle grain, texture and imperfect hand-painted details. The interface should feel embedded into the scene. Do not make it look like a standard SaaS landing page. No white cards, feature grids, pricing sections, testimonials or conventional hero layout. Do not copy the reference artwork directly. Create an original Tamil environment using local SVG/vector artwork, CSS layers and gradients. Do not depend on random remote stock images. If a background asset is required, create a polished local SVG illustration and store it inside /public. The page should occupy exactly the viewport on desktop with no unnecessary scrolling. Header Place a minimal transparent header over the illustration. Top left: Live local time in 12-hour format. Update automatically every minute. Small Tamil Nadu/Chennai location label beneath it. Top centre or slightly right: A small pulsing green dot. Text: “LIVE” Do not show a fake listener count. Top right: Spotify icon and label. YouTube Music icon and label. Clicking either changes the active music provider. Clearly indicate the selected provider. Keep the styling minimal and integrated with the scene. Central identity Place the Tamil title prominently on the building: குவாட்டர் ரூம் Under it, display: தமிழ் குடிகாரர்களின் அதிகாரப்பூர்வ ரேடியோ The Tamil typography must be large, confident and readable. Use a Tamil-compatible font such as Noto Sans Tamil. Pair it with a clean sans-serif font for English text. Ensure font loading does not break the page if the external font fails. The title should feel painted or mounted onto the building, not floating randomly in the viewport. Music stations Create five curated mood stations: கடை திறந்தாச்சு Description: “Full TASMAC energy” Mood: energetic red and orange street scene. அவள நினைச்சா Description: “Love failure. Full volume.” Mood: darker red with subtle rain and lonely lighting. மணி 2:17 AM Description: “Everyone suddenly became silent.” Mood: deep blue terrace or empty late-night street. அவன் நினைச்சா Description: “Soup songs are not just for the boys.” Mood: purple and warm bedroom or bus-window lighting. பழைய சரக்கு Description: “Ilaiyaraaja, Rahman and old wounds.” Mood: dim amber 80s/90s bar atmosphere. Add a small “Change mood” button near the music player. Clicking it should open an elegant station selector above the player. Each station card should show: Tamil station name. Short English description. A distinct colour. A simple illustrated icon. Active station indicator. When the station changes: Crossfade the background colours and environmental overlays. Update the station title. Load the corresponding provider playlist. Keep transitions smooth and restrained. Do not reload the page. On mobile, the station selector can become a bottom sheet. Playlist configuration Keep every playlist URL and ID inside one easy-to-edit configuration file such as: src/data/stations.ts Each station should support: id nameTamil nameEnglish description accentColor backgroundVariant spotifyPlaylistUrl spotifyPlaylistId youtubePlaylistUrl youtubePlaylistId Use these public playlists initially: கடை திறந்தாச்சு Spotify: https://open.spotify.com/playlist/1AcwNZ0zLSPtIOea0uwxaJ YouTube playlist ID: PLxQpegrlImYt1j0PXBEl1-BO3n57kbTDC அவள நினைச்சா Spotify: https://open.spotify.com/playlist/2Yra1CyIYaJ2YNz49yjh4i YouTube playlist ID: PL5Zj_jk7tf5oCbRDVI2noHRi3l4JyL07h மணி 2:17 AM Spotify: https://open.spotify.com/playlist/1uLtum4DGySTEG4LpyCkEW அவன் நினைச்சா Spotify: https://open.spotify.com/playlist/47jt1RZSwPR2WRQpz8VG39 பழைய சரக்கு Create a clearly marked configuration placeholder so the playlist can be inserted later. Never scatter playlist URLs across components. Music player Place one floating player at the bottom centre, matching the composition of the reference. The player should look like a long translucent pill with: Dark warm glass background. Soft blur. Thin highlight border. Subtle shadow. Rounded ends. Album artwork on the left. Song title. Artist name. Current station name. Previous button. Large central play/pause button. Next button. Progress bar. Current time and total duration. Provider indicator. “Open in Spotify” or “Open in YouTube Music” link. The player should be approximately 620–720px wide on desktop and nearly full-width on mobile. Do not build decorative controls that pretend to work. Spotify playback Use Spotify’s official embed or iframe API. Load the active station playlist. Connect play and pause actions where officially supported. Display the official embedded player in a compact, visually integrated form. Do not illegally hide mandatory Spotify branding. Do not request a Spotify client secret. If browser or Spotify restrictions prevent a custom control from working, disable that control and rely on the official Spotify embed. Always include an “Open in Spotify” fallback. YouTube playback Use the official YouTube IFrame Player API. Embed playlists using: https://www.youtube.com/embed?listType=playlist&list=PLAYLIST_ID Connect play, pause, previous, next and progress updates. Use playsinline=1. Do not autoplay with sound before user interaction. Add an “Open in YouTube Music” link using the corresponding playlist URL. Handle unavailable, private or region-blocked videos gracefully. Initial interaction Because browsers block autoplay, show a tasteful first-entry overlay: Title: ஒரு mood தேர்ந்தெடு. Buttons: கடை திறந்தாச்சு அவள நினைச்சா மணி 2:17 AM அவன் நினைச்சா பழைய சரக்கு After the user chooses a mood: Close the overlay. Set that station as active. Begin playback only through the user’s click. Remember the selected mood and provider in localStorage. Track information When the provider exposes metadata, show: Track title. Artist. Artwork or video thumbnail. Current playback position. Duration. While metadata is loading, use an elegant skeleton state. If metadata cannot be retrieved, show the station name and provider without inventing track information. Animation and atmosphere Add restrained ambient animation: Slight movement in banana leaves. Gentle light flicker. Occasional passing shadow. Slow grain movement. Small smoke or steam effect near the shop. Subtle rain only for the heartbreak station. Very slow background parallax based on pointer movement. Player entrance animation after mood selection. Animations must remain subtle and should never distract from playback. Respect prefers-reduced-motion. Responsive behaviour Desktop: Full illustration visible. Tamil title centred on the building. Player at bottom centre. Header aligned to the viewport edges. Mood selector expands above the player. Tablet: Preserve the full cinematic composition. Slightly reduce title and player width. Mobile: Use 100dvh. Reframe the illustration vertically instead of merely shrinking it. Keep title readable. Header must not overlap. Player becomes a compact bottom player. Station selector opens as a bottom sheet. Keep touch targets at least 44px. Avoid horizontal scrolling. Account for iPhone safe areas. Visual standards Use dark red, burnt orange, faded coral, midnight blue, dusty green and warm cream. Avoid neon gradients, generic glassmorphism and overly clean corporate styling. Use glass effects only for the player and small controls. Add subtle paper, film-grain and paint texture. Maintain strong text contrast. Keep every text element deliberately positioned. No words should appear randomly around the screen. Avoid oversized empty areas. All alignment should follow a consistent visual grid. The experience should look intentional at 1440px, 1024px, 768px, 430px and 375px widths. Accessibility and quality Use semantic HTML. Add accessible labels to every control. Support keyboard play/pause using the spacebar when focus is not inside an interactive element. Add visible focus states. Ensure the station selector can be navigated by keyboard. Escape should close overlays. Avoid hydration errors. Avoid console warnings. Lazy-load provider embeds where possible. Do not expose API keys. Add error and empty states. Add a small responsible drinking line in the bottom corner: “Drink responsibly. இசை மட்டும் unlimited.” Metadata Page title: Quarter Room | Tamil Soup Radio Description: Tamil drinking songs, soup songs and late-night heartbreak playlists in one cinematic radio experience. Create a simple matching favicon using the Tamil letter “கு” or a quarter-glass silhouette. Final acceptance criteria The work is complete only when: The page feels visually close in quality and atmosphere to the supplied reference. It is an original Tamil street illustration. A user can select a mood. Spotify playlists load correctly. YouTube playlists load correctly where IDs are provided. Provider switching works. Player controls work wherever supported by the official APIs. Playback restrictions are handled honestly. The selected station persists after refresh. The page works on desktop and mobile. There are no broken controls, random text placements, layout overflows or console errors. The site looks like a finished cultural music experience, not a template. Build the complete implementation now. Do not return only a plan. After implementation, run the application, test every interaction and refine the visual alignment until it is polished.