Immersion is an album experience platform. Instead of sending fans to a generic streaming page, you build them a place — a Cover that opens like an album sleeve, a Room for each song with its own atmosphere and visuals, an optional Prologue that plays cinematically before they arrive, and a Back Cover that holds your lyrics and credits like the back of a record sleeve.
Each builder is a single HTML file. You open it in your browser, fill in your content, choose your atmosphere, and hit Generate. It outputs a complete, self-contained HTML file — no coding, no accounts, no subscriptions. When all your pieces are built, The Bind stitches them into a single album file that you upload to your host. One file. One URL. Yours forever.
The workflow
Build your Cover → Build a Room for each song → Build a Prologue (optional) → Build your Back Cover → run The Bind → upload one HTML file to your host. Done. The Bind handles all the wiring between sections — you never have to paste URLs between pieces or redeploy when something changes.
The Loop
Create → Distribute → Measure → Improve
Every room is a landing page, a listening experience, and a support portal. Fans can play the song, read the lyrics, watch clips, buy merch, tip, and follow — all without leaving the world you built for that song.
◈ Builder One
The Cover Builder
The album's front door — where every fan arrives
The Cover is the heart of your album. It holds your song doors, your streaming links, your support bar, and the ambient atmosphere that frames the whole experience. One Cover per album. Visitors arrive here (or, if you've built a Prologue, they arrive there first and then the Cover takes over).
File to use
Open immersion-cover-builder.html in your browser. Work through the six panels at your own pace — the step nav at the top lets you jump around in any order. Hit Generate, download the file, and set it aside. The Bind will pick it up later.
Panel 1 — Global
Identity, Mood, Font & Text
Set your Artist Name, Album Title, and Album Story. Choose from 10 moods and 10 fonts. Set title color with the 9-swatch color picker or custom color. Set body text color. Toggle text shadow for readability over any background.
10 Moods
Dark & Cinematic, Ethereal, Warm & Golden, Raw & Organic, Cold & Sparse, Coastal, Electric, Candlelit, Soft Bloom, Midnight Neon.
None, Dark Scrim, Deep Purple, Navy, Forest, Wine, Frosted Glass, or custom color — places a colored bar behind the album title for legibility.
Label Art
Upload your label or artist logo. Size options: Icon, Square, Banner. Position: Left, Center, Right. Frame effects: None, Diamond, Glow.
Panel 2 — Background
The atmosphere behind the Cover
Upload a background image and control the overlay color and opacity. Optionally add a video loop URL (YouTube, Vimeo, or direct MP4) for desktop visitors — set whether it shows on mobile, desktop, or both. This is the first visual a listener sees after the Prologue (or immediately, if you skip the Prologue) — make it count.
Panel 3 — Songs
Your song doors — and the Track Numbers The Bind reads
Add a slot for each song on your album. Each slot has a Title, a Description, a Cover Image (with 9-grid focal point), and a Track Number. Choose a layout — Centered, Side by Side, or Alternating — and a hover effect for the doors.
How Track Numbers wire to Rooms
The Track Number on each song slot is the contract between the Cover and the Rooms. When The Bind stitches your album together, a door with Track 03 opens the third Room you've dropped. You don't paste URLs anywhere — just set the track number and The Bind figures out the rest. Numbers should be unique within an album (the builder warns you if two slots share a number).
Centered
Image above, text and buttons below. Clean, album-page feel.
Side by Side
Image and text in a two-column grid. Cinematic editorial layout.
Alternating
Side by side but flips left/right on every other slot.
Panel 4 — Footer
Purchase button, support bar, streaming icons
Add a Purchase Album button (fixed bottom-right, can be set to Coming Soon mode with custom text). Add support links — Spotify, Apple Music, YouTube, SoundCloud, Tidal, Bandcamp, Ko-fi, Buy Me a Coffee, merch, and custom. Toggle between Text Only and Subtle Icons display styles. Add ambient audio.
Panel 5 — Workshop
Save, load, and access help
The Workshop panel holds your save/load controls (Save your work-in-progress as a JSON file, load it back later in any browser), plus shortcuts to the Manual, Layouts, and other resources. Saving often is the right move — it lets you walk away and come back without losing anything.
Panel 6 — Generate
Download your Cover file
Hit Generate to build your Cover. Review the summary, then download the HTML file. The filename is auto-generated from your album title — keep that filename as-is, because The Bind uses the album-slug prefix to recognize which Cover, Prologue, Rooms, and Back Cover all belong together.
Icon style tip
Text Only is cleaner and more typographic — recommended for most moods. Subtle Icons adds small SVG platform icons below each link label. Both options fully respect your chosen font and color settings.
◈ Builder Two
The Prologue Builder
The cinematic moment before the world reveals itself
The Prologue is a full-screen experience that plays before the Cover loads. A spinning record. A pulsing diamond. Mansion footage looping. The curtain rises. The world begins. Once a visitor dismisses it, it never shows again — their browser remembers.
The flow inside a bound album
When you run The Bind, your Prologue becomes the first section a visitor sees — the cinematic entry to your album. After they dismiss it, the Cover takes over. You don't paste any URLs anywhere; The Bind handles the wiring. The Prologue is optional — skip it in The Bind if you don't want one.
Opening Signature
Three options — None, ◈ Immersion, Your Label
Choose what plays before the prologue begins. None goes straight to the experience. ◈ Immersion shows the spinning record with the pulsing diamond and the IMMERSION / A world for every song title card. Your Label lets you upload your own logo — it sits on the vinyl label while the record spins. Duration is adjustable from 1.5 to 5 seconds.
None
Straight into the prologue experience.
◈ Immersion
The platform signature — spinning record, pulsing diamond, IMMERSION title card.
Your Label
Upload your logo. It sits on the vinyl label center while the record spins.
Opening Media
Three media types
Choose what fills the full screen behind the overlay and message.
Video
YouTube, Vimeo, or upload MP4. Plays full screen, muted and looping. Add a video opacity slider to layer over a background image. A cap play time option auto-dismisses after your chosen duration.
Photo Sequence
Upload 2–5 images. They crossfade, dissolve, or push between each other every 3.5 seconds. Double-click each slot to upload. Hover over a filled slot to set the focal point with the 9-grid overlay.
Single Image
One image with a motion effect — Slow Zoom In, Slow Zoom Out, Gentle Drift, or Soft Breathe. Double-click the slot to upload. Hover to set focal point.
Overlay & Message
Color, opacity, message text, enter style
Set an overlay color (6 presets + custom picker) and opacity to tint the media. Write your atmospheric message — it fades in after a delay. Choose Text delay (how long before the message appears) and Auto dismiss (timer that fires the curtain automatically). Choose enter style — subtle uppercase text or the spinning record button with your enter label.
Text Only
A subtle uppercase line at the bottom — "ENTER THE EXPERIENCE" or whatever you choose. Barely there, haunting.
◈ Record Button
A mini spinning record with the ◈ pulsing at center. Tap it to dismiss. The enter label sits below it.
Behaviour
Devices, dismiss trigger, curtain exit, redirect
Set whether the prologue shows on All Devices or Mobile Only. Choose the dismiss trigger. Choose the curtain exit animation. Set the After Dismiss URL — the page that loads after the curtain fires when the Prologue is published standalone. Inside a bound album, this URL is ignored — The Bind always sends visitors to the Cover after the Prologue dismisses.
Fade
Gentle dissolve. The classic.
🎭 Curtain
Screen splits left and right and slides off like stage curtains parting.
🎬 Rise
The entire prologue sweeps upward off screen like a theater curtain lifting.
✦ Veil
Diagonal wipe from corner.
◈ Shatter
Breaks into a 6×8 tile grid, each tile dissolves with a slight stagger and rotation.
Tracking Pixels
Meta, TikTok, Google GA4 — optional
Toggle on any pixel and paste your ID. Fires on page load — tracks arrivals for ad optimization. A silent small print line is always added to the bottom of the prologue: local storage notice, and a cookies line if any pixel is active. Legally covered, never intrusive.
Testing tip
Always test in a private/incognito window — the prologue only shows once per browser session. If it's not showing, open the builder, scroll to the output section, and hit ↺ Reset dismissed state. Or open an incognito window for a guaranteed fresh view every time.
Video autoplay
YouTube and Vimeo autoplay requires the page to be served from a live URL (your hosting platform, not a local file). Always test from the deployed live URL for the full video experience.
1
Panel One — Room Settings
Room Settings
Identity, atmosphere, and font
The foundation of every room. Set the song's identity, choose the emotional atmosphere, pick a font that matches the energy, and configure text readability.
Song Identity
Song Title, Artist Name, Album, Description
These fields populate the hero section at the top of your room. Song Title appears large in your chosen font. Artist name sits above it in small caps. Description is a short italic line below the title — a line from the song, a mood cue, whatever feels right. Album name is used to auto-generate the back-to-Cover label.
Text Readability & Color
Song Title Color
Nine preset color swatches plus a custom color picker. The title color overrides the default text color for just the song title — useful for matching the mood accent or making a statement against the background image.
Text shadow is on by default — it adds a subtle drop shadow behind all hero text to keep it readable over any background image. The Title Underlay places a colored background behind the song title block only, giving extra contrast without affecting the whole page.
NoneDark ScrimDeep PurpleNavyForestWineFrosted GlassCustom color picker
Frosted Glass
The Frosted option uses backdrop-filter blur — it creates a real glass effect over your background image. Especially beautiful with portrait photos.
Room Layout
Four layout personalities
The layout affects how the centerpiece section is displayed and the overall page proportions.
The Centerpiece
Grand and cinematic. Video or collage dominates everything.
The Gallery
Balanced grid. An installation you wander through.
The Intimate
Quiet and personal. Lyrics take centre stage.
The Messy Room
Controlled chaos. Lived in, real, beautifully human.
Room Atmosphere — Row 1
Five core moods
Each mood sets the accent color and text palette used throughout the generated room — in labels, glows, support bars, and section dividers.
🌑 Dark & Cinematic
Deep purple accent. The default Immersion vibe.
✦ Ethereal
Soft lavender. Weightless and dream-like.
◈ Warm & Golden
Amber accent. Rich, nostalgic, analog warmth.
◉ Raw & Organic
Sage green. Earthy, honest, real.
❄ Cold & Sparse
Ice blue. Minimal, cold, precise.
Room Atmosphere — Row 2
Five expressive moods
🌊 Coastal
Warm aqua. Breezy, open, sun-kissed.
⚡ Electric
Neon cyan. Charged, urgent, bright.
🕯️ Candlelit
Amber. Intimate, flickering, close.
🌸 Soft Bloom
Blush pink. Dreamy, tender, soft.
🌃 Midnight Neon
Electric pink on dark. Club energy, urban night.
Fonts — Row 1
Five classic voices
Cormorant
Literary. Elegant italic serif. The Immersion default.
Playfair
Editorial. Classic magazine serif.
Josefin
Clean. Geometric sans with wide tracking.
Libre Baskerville
Rooted. Vintage, warm, grounded.
Raleway
Refined. Ultra-light, minimal.
Fonts — Row 2
Five expressive voices
Cinzel
Epic. Ancient Roman, monumental.
DM Serif
Sharp modern editorial with italic flair.
Unbounded
Bold geometric. Strong and confrontational.
Space Grotesk
Sci-fi clean. Future-facing, technical.
Bodoni Moda
Fashion luxury. High contrast, elegant.
2
Panel Two — Background
Background
The room behind everything
The background sets the entire emotional tone of the room before a visitor reads a single word. A great background image paired with the right overlay color and a video for desktop creates a fully immersive space.
Background Image
Upload + 9-Grid Focal Point
Upload any image — it's compressed automatically (max 1400px, JPEG quality 0.78) and embedded as base64 in the generated room so no external file is needed. After upload, a 9-cell grid appears over the preview. Click any cell to set where the image is cropped from on different screen sizes. The center cell is default — good for most portraits. Top-center works for skylines, bottom-center for landscapes.
Avoid nostrils
For portrait photos, try the top-center or top-left focal cells so the face crops gracefully on mobile. The live preview in the upload zone updates immediately when you click a cell.
Background Overlay
Color + Opacity
A colored overlay sits on top of the background image, darkening or tinting it. Eight preset swatches (black, deep purple, navy, forest, wine, charcoal, midnight blue, rust) plus an opacity slider from 0–100%. Most rooms look best between 45–70% opacity — enough to read text clearly while the image still shows through.
Background Video
YouTube, Vimeo, or direct MP4
Paste a video URL and the room will play it as a full-screen ambient background on desktop. The video is muted, looping, and non-interactive — pure atmosphere. Use the device toggle to choose whether it plays on desktop only or both desktop and mobile. A mobile fallback image replaces it on phones when desktop-only is selected.
Best practice
Slow, moody footage works best — clouds drifting, rain, candlelight, abstract movement. Fast cuts look chaotic. Stock footage from Pexels or your own b-roll both work well.
3
Panel Three — Centerpiece
Centerpiece
The visual heart of the room
The centerpiece is the dominant visual element — either a single music video or a collage of photos and video clips. It sits below the hero text and above the player.
Type
Music Video or Collage
Music Video: paste a YouTube or Vimeo URL. The video embeds at full width with rounded corners. Collage: build a grid of up to 7 pieces mixing photos and video clips.
Collage Builder
Up to 7 pieces — photos and clips mixed
Each piece can be a photo upload or a video clip URL. Photos are compressed and embedded. Video clips play inline with their own controls.
Use the YouTube Shorts Converter at the top of the collage section to convert any YouTube or Shorts URL to an embed-ready link before pasting into the clip URL field. Each video clip has Autoplay, Muted, and Vertical (9:16) toggles.
Lyric Clips — SyncStudio Section
Up to 8 clips in 6 layout styles
A separate section of video clips styled as lyric moments. Each clip has its own edge style, frame color, autoplay/muted/vertical options. The section has a layout picker for how all clips are arranged together.
Dice
Random-feeling scattered grid.
Window Pane
Clean equal-size grid.
Film Strip
Horizontal row.
Triptych
Three side by side.
Magazine
Editorial mixed sizes.
Masonry
Pinterest-style varying heights.
Shorts Converter
There's a YouTube Shorts Converter at the top of the Lyric Clips section — paste any YouTube, Shorts, or youtu.be URL, hit Convert, and get a clean embed URL to paste into any clip slot.
4
Panel Four — Content
Content
Film reel, player, lyrics, ambient audio
Film Reel — Four Display Modes
Upload up to 12 photos, choose your display
The film reel is a gallery of photos with four distinct presentation modes. A live preview toggle (◈ Show Preview) lets you see exactly how your photos will look before generating — swap a photo if the focal point is wrong.
Vertical cassette-style strip with sprocket holes. Static (full strip visible) or Cinema Scroll (infinite upward drift).
Auto Slideshow
Crossfade one at a time. Dot navigation. Slow (5s) / Medium (3s) / Fast (1.5s).
Frame Grid
All photos in a grid. One edge style for the whole grid: Clean / Polaroid / Frame / Torn / Soft. Frame color: 4 swatches.
Placement
The film reel can be placed In-Flow (Top / Mid / Bottom in the page) or Floating — a fixed element pinned to any of 9 screen zones (TL, TC, TR, ML, MC, MR, BL, BC, BR) in Small / Medium / Large size. On mobile (≤600px) floating is automatically disabled and the reel drops into the page at your chosen mobile fallback position.
Song Player
Four visual styles + platform embed
Paste a SoundCloud, YouTube, or Spotify URL. Choose a visual style that sits above the platform embed. The embed handles all audio — the visual is pure atmosphere.
Platform Only
Just the SoundCloud waveform, Spotify card, or YouTube player.
🎞️ Tape Deck
A cassette shell with spinning reels. Label reads ◈ ON AIR ◈ / The Immersion Experience.
💿 Record Player
Spinning vinyl SVG with visible groove rings and a needle arm. Rotates continuously.
🎧 Headphones
Headphone SVG with concentric pulse rings radiating outward.
Lyrics Zone
Three display styles
Paste your lyrics and choose how they're revealed to the visitor.
Full lyrics visible
All lyrics shown at once, styled atmospherically.
Line by line reveal
Each line fades in as you scroll past it.
Fade in on scroll
Entire lyrics block fades in when it enters view.
Ambient Room Audio
Background atmosphere — requires a direct MP3 URL
A subtle looping audio layer that plays quietly behind the room. Think rain, field recordings, a drone, a texture. Requires a direct hosted MP3 or audio file URL — SoundCloud and Spotify links don't work here. Volume is capped at 40% with a default of 15%. A ♪ button appears fixed at top-right of the room so visitors can toggle it on/off.
Free hosting
Upload your ambient audio file to a service like Cloudinary or your own hosting to get a direct URL. Keep the file small — mono MP3 at 96kbps is plenty for ambient texture.
5
Panel Five — Navigate & Support
Navigate & Support
Where to go next, how to help
Navigation
Back-to-Cover label, prev/next songs, artist site
The back-to-Cover link and label auto-populate from the album name you entered in Panel 1. Inside a bound album, prev/next navigation is handled automatically by The Bind based on track order — you don't need to paste anything. The artist site link appears in the footer.
A note on prev/next
The prev/next fields in Panel 5 still exist for the rare case where a Room is published standalone (for example, a Room Standalone single). When the Room is bound into a full album via The Bind, those fields are ignored — The Bind wires prev/next from track order automatically.
Support the Artist
Six support links — Text only or Subtle icons
Six support slots: Bandcamp, Merch, Tip Jar, Spotify, Apple Music, and a Custom link. Check any slot to activate it, fill in the URL, and customise the label. Each slot has an icon picker with 14 icons to choose from. The Text only / Subtle icons toggle at the top controls whether icons appear at all in the generated room.
14 icons per slotCustom label per slotText only — clean diamond bar, labels onlySubtle icons — icon appears below each label
Teapot Tip Button
🫖 Fixed floating tip button
A subtle circular button fixed at the bottom-left of the room. Paste a Ko-fi, PayPal, Venmo, or Bandcamp URL. It's always visible as visitors scroll — a quiet, non-intrusive way to accept support without dedicating a whole section to it.
Purchase Button
Live or Coming Soon mode
A prominent call-to-action button for purchasing. Set to Live mode with a URL for when the song or album is available, or Coming Soon mode which displays a placeholder without a link.
Label & Brand Art
Logo at the bottom of the room
Upload your record label logo or brand mark. Choose display size, position, background effect, and an optional link URL.
Logo with a mood-matched drop shadow using the room's accent color.
6
Panel Six — Generate
Generate
From builder to live room
Summary
Room Summary Table
Before generating, review the summary table — it lists every major setting so you can catch anything that needs changing without regenerating.
Output
Download HTML
Click Generate Room to build the complete room page. A Download button appears — save the file. The filename is auto-generated as {album-slug}-{song-slug}.html — keep that filename as-is so The Bind can recognize it as belonging to this album. All CSS, fonts, and base64 images are embedded inline — the HTML file is completely self-contained.
Set the file aside
You don't upload Rooms individually anywhere. Just save the file and move on to the next Room. When all your Rooms are built, you'll drop them into The Bind alongside your Cover, Prologue, and Back Cover.
Next Steps
After generating a Room
1 — Save the Room file. 2 — Build the next Room. 3 — When all your Rooms are done, head to The Bind and drop them in track order. 4 — If you ever need to update one Room, just rebuild it and drop the new version into The Bind in the same track slot — no other Rooms need to be touched.
◈ Builder Four
The Back Cover Builder
Lyrics, credits, and the closing of the sleeve
The Back Cover is the back of your album — one long, beautiful scroll holding your lyrics, your gallery, your credits, your label art, and your closing line. Think of it as the gatefold unfolding. It's the moment after the album finishes when a listener wants to sit with the work and read the words.
File to use
Open immersion-backcover-builder.html in your browser. Work through the sections top to bottom — most are optional, so include what feels right and skip what doesn't. Hit Generate, download the file, and set it aside for The Bind. Like all the builders, your filename will use your album slug — keep it as-is.
Identity, Background & Font
The foundation
Set your Artist Name, Album Title, and Year. Upload one strong background image — the whole page sits on this. Pick the overlay color and opacity (most look best at 55–75%). Choose the font and color palette that match your Cover so the album feels of-a-piece. The Back Cover quietly inherits your album's mood without forcing you to repeat every setting.
Songs & Lyrics
Track chapters with lyrics
For each track on the album, add a Track Chapter — track number, title, and lyrics. Lyrics can be positioned in three ways (centered, left, or in a lyric box) and styled with their own background opacity for readability. The Back Cover is where the words of your album live in full — listeners scroll through track by track like flipping through a printed sleeve.
Optional Sections
Film Reel, Gallery Wall, Loading Moment
A few extras live in the Back Cover for atmosphere — all optional, all skippable.
Film Reel
A small gallery of photos with the same four display modes as the Room Builder — Horizontal Strip, Photo Booth Strip, Auto Slideshow, or Frame Grid.
Gallery Wall
A grid of additional images presented like a wall of polaroids or framed prints. Choose layout and frame style.
Loading Moment
A brief loading animation before the Back Cover reveals — your label mark, a quiet pulse, or off entirely.
Credits, Label Art & The Outro
Who made this, and the closing line
Add credits the way they'd appear on a record sleeve — producers, engineers, musicians, photographers, anyone who helped. Add your label or artist logo. Then write your Outro — the closing line that sends listeners off. A single line, italic and quiet, like the run-out groove of a vinyl record.
The Back to The Cover button
A subtle button at the bottom of the Back Cover returns visitors to the Cover. Inside a bound album, this is wired automatically by The Bind — you don't need to paste any URL.
◈ The Bind
The Bind
One album, one file — the moment everything comes together
The Bind is the final builder. It takes the pieces you've made — your Cover, your Prologue, your Rooms, your Back Cover — and stitches them into a single self-contained HTML file. One album, one URL, one upload. No more juggling files. No more pasting URLs between pieces. No more redeploying when something changes.
File to use
Open immersion-the-bind.html in your browser. Like the other builders, it requires your unlock code to use. Once unlocked, drop your files into the slots, pick a Navigation Style, and hit Bind Album.
Step 1 — Album Pieces
Drop Cover, Prologue, and Back Cover
Three slots at the top of The Bind, one for each whole-album piece. Drag the file you exported from each builder into its matching slot.
Cover · REQUIRED
Every bound album needs a Cover — this is where listeners arrive.
Prologue · OPTIONAL
Skip if you don't want a cinematic entry. If included, it plays once per browser session before the Cover loads.
Back Cover · REQUIRED
The closing piece — lyrics, credits, outro. Listeners reach it from the Cover or by navigating through.
Step 2 — Rooms
Drop one Room per track, in track order
The Bind shows you 14 track slots (Tracks 01 through 14). Drop one Room file into each slot that has a track. The first three are required; the rest are optional. The track number on each Cover song slot wires to the matching Room — Track 03 on the Cover opens whatever Room you drop in slot 03 here.
Track order matters
If your Cover has a song slot set to Track 05, and you drop that song's Room into slot 05 here in The Bind, the wiring is automatic. If you drop it into the wrong slot, the door on the Cover will open the wrong Room. Triple-check before you Bind.
Step 3 — Navigation Style
Palette + Deck
Pick the visual style of the navigation chrome that frames your bound album — the persistent panel listeners use to move between sections. Two choices:
Palette
Studio (mixing room at midnight), Velvet (theater after the show), or Dawn (morning sun on warm wood). Sets the chrome color scheme.
Deck
Headphones (quiet, plaque corner), Record (spinning vinyl panel), or Cassette (tape deck that slides open). Sets the visual metaphor of the navigation widget.
Pick what matches the album, not what's flashy
A quiet folk album might want Dawn + Headphones. A late-night electronic record might want Velvet + Record. A nostalgic concept album might want Studio + Cassette. There's no wrong combination — just one that fits.
Step 4 — Bind Album
One file out
When all the required slots are filled, the Bind Album button activates. Click it. The Bind reads every file, isolates each section in its own iframe (so styles, fonts, and animations stay scoped), wires the navigation chrome around everything, and outputs one self-contained HTML file. That file is your album. Upload it to your host and you're live.
Updating a bound album
Need to change one song's Room? Rebuild that one Room, head back to The Bind, drop the new version into the same track slot, re-Bind, re-upload the new single file. Nothing else needs to be touched. The URL stays the same. Listeners see the update the next time they visit.
◈ Going Live
Going Live
One file. One upload.
After The Bind has produced your single album HTML file, going live is the smallest step in the whole journey. Drag the file to your hosting platform. That's it. The whole album — Cover, Prologue, Rooms, Back Cover, all the navigation — lives inside that one file.
What you're uploading
One self-contained HTML file
The file The Bind generates is fully self-contained — every image, font, and animation is embedded inline. No external folders, no separate assets, no asset paths to maintain. One file is the entire album. Upload it to any web host and visitors can reach it at that URL.
Hosting
Anywhere that serves HTML
Your hosting platform just needs to serve HTML files. GoHighLevel (the current Return2Real platform) works. So do Netlify, Vercel, Cloudflare Pages, or any traditional web host. Drag the file into your platform's upload zone, get a URL, share it. Point your album domain at that URL via your DNS settings if you want a custom domain.
Updating the album
Re-Bind, re-upload
Need to fix a typo in your lyrics? Rebuild the Back Cover, drop it into The Bind in place of the old one, re-Bind, and re-upload the new single file. Need to update one song's Room? Same flow. Need to add a brand-new track? Build the new Room, drop it into the next available track slot in The Bind, re-Bind, re-upload. The URL never changes. Listeners always see the latest version.
◈ Tips & Tricks
Working Smarter
Hard-won knowledge
Navigation
Jump anywhere, any time
The step nav bar at the top lets you jump to any panel in any order — no forced sequence. Click any step number to go directly there.
Shorts Converter
Available in two places
There's a YouTube Shorts Converter in both the Collage section (Panel 3) and the Lyric Clips section (Panel 3). Paste any YouTube URL in any format — watch link, Shorts URL, youtu.be short link, or embed URL — and get a clean embed-ready link to paste into any clip slot.
Film Reel Preview
Always preview before generating
The ◈ Show Preview button at the bottom of the Film Reel section renders a live preview of your photos in the selected mode. It updates whenever you upload a photo, click a focal cell, change the mode, or change the frame style. Use it to catch bad crops before generating.
Frame Colors
8 swatches + custom picker everywhere
Anywhere frame colors appear — collage pieces, lyric clips, reel grid — you have 8 preset swatches (Void, Bone, Gold, Silver, Blush, Forest, Navy, Rust) plus a color picker input for any color at all. The Frame edge style must be selected for color swatches to appear.
Autoplay + Muted
Silent mood video
Every video clip — in the collage and in lyric clips — has Autoplay and Muted checkboxes. Autoplay + Muted = ambient mood video that plays silently while your song plays from the player. Perfect for slow aerial footage, rain, or nature clips alongside the tape deck.
Vertical Clips
9:16 aspect ratio for Shorts
Every clip slot has a Vertical (9:16) checkbox. Check it when using YouTube Shorts or any portrait-format video. The container switches from 16:9 (56.25% padding-bottom) to 9:16 (177.78% padding-bottom) automatically.
Floating Film Reel on Mobile
Automatic fallback
When Floating placement is selected, the reel uses CSS position:fixed on desktop. On screens ≤600px wide, it automatically switches to normal in-flow positioning at your chosen mobile fallback position (Top/Mid/Bottom). No collision risk on phones.
◈ Reference
Glossary
Terms used throughout the builder
Platform terms
Key concepts
Cover
The album's front door — holds song doors, support links, ambient atmosphere. One Cover per album.
Prologue
The optional cinematic moment that plays before the Cover loads on first visit.
Room
A single song's Immersion page — its own world, atmosphere, player, lyrics. One Room per song.
Back Cover
The closing scroll — lyrics, credits, gallery, outro. Like the gatefold unfolding.
The Bind
The builder that stitches Cover, Prologue, Rooms, and Back Cover into one single HTML file.
Track Number
The number on each Cover song slot that The Bind reads to wire that door to the matching Room.
Album Pieces
The whole-album files — Cover, Prologue, Back Cover — that drop into the top slots of The Bind.
Navigation Style
The visual chrome The Bind wraps around your album — set by a Palette + a Deck choice.
Palette
The color scheme of the navigation chrome — Studio, Velvet, or Dawn.
Deck
The visual metaphor of the navigation widget — Headphones, Record, or Cassette.
Centerpiece
The main visual — music video or collage — below the hero on a Room.
Collage
A mixed grid of up to 7 photos and video clips.
Lyric Clips
Short video clips styled as lyric moments. SyncStudio output goes here.
Film Reel
A photo gallery in one of four display modes.
Focal Point
The 9-grid cell that controls image cropping on different screen sizes.
Edge Style
The visual treatment of a clip or photo border — Clean, Polaroid, Frame, Torn, Soft, etc.
Mood
The atmosphere setting that controls accent color and text palette throughout a Room or Cover.
Underlay
A colored background placed behind the song title block for readability.
Ambient Audio
A looping background sound layer toggled by the ♪ button.
Teapot Button
The 🫖 fixed tip button at bottom-left of the Room.
Cinema Scroll
The Photo Booth Strip mode where photos scroll upward continuously like film running through a projector.
In-Flow
A page element that sits in the normal document flow at Top, Mid, or Bottom.
Floating
A page element pinned to a fixed screen position using CSS position:fixed.
9-Grid
A 3×3 grid of zones (TL, TC, TR, ML, MC, MR, BL, BC, BR) used to place floating elements or set image focal points.