Ableton Learning Music: Play with song structures

Source snapshot

The local route vendors the official Ableton lesson as one self-contained archive build instead of reauthoring it. The route focuses on the arrangement primer and shared lesson shell rather than the denser sequencer editing surface used by the other Ableton play-with pages.

• Live original verified against https://learningmusic.ableton.com/song-structure/song-structure.html on 2026-03-22.
• The public route intentionally strips the upstream header, feedback shell, cookie surfaces, and marketing chrome.
• Public provenance is limited to the shared footer with local canonical and og:url metadata.

Asset handoff

• ableton-learning-music-play-with-song-structures/index.html owns the local metadata shell, widget bootstrap, and footer wiring.
• shared/engineering-sandbox.css and shared/engineering-sandbox.js provide the local practice-shell onboarding, hint strip, and framed primer surface around the archived lesson shell.
• ableton-learning-music-play-with-song-structures/widgets/build/ preserves the published Ableton widget runtime under the route tree.
• ableton-learning-music-play-with-song-structures/lessons/sounds/ archives the shared local Ableton audio stack: 31 audio files.
• ableton-learning-music-play-with-song-structures/fonts/ archives the shared Learning Music typography stack: 9 font files.

Known deviations

• Export-to-Live remains neutralized in the archive build so the route does not expose a broken remote export path.
• Non-local lesson links in the published body are either rewritten to shipped local Ableton routes or reduced to plain text.
• The route keeps the shared footer as the only original-lesson reference surface.
• The Engineering Sandbox practice shell is framing-only here: it adds onboarding and a primer focus frame without inventing widget behavior that the upstream lesson does not ship.

Validation guidance

• Keep the published widget runtime in place and prefer asset-path or shell cleanup over rewriting the lesson UI.
• Verify the practice hero renders before the primer surface and that the framed arrangement content stays unobscured on desktop, tablet, and mobile widths.
• Music smoke should keep proving local script loading, transport or visible state changes, and zero remote playable media requests.
• Run node interactive-explanation/tools/check-public-surface.mjs, node interactive-explanation/tools/smoke-bundle.mjs --group music, and the full smoke bundle after route changes.