An asymmetric hero layers a broad product campaign with a smaller bright promotional tile and a music-making photograph. Below, a three-column editorial grid groups releases, tutorials and downloads before a large spare footer.
1. Layered product campaign. 2. Secondary promotion and music scene. 3. Latest release cards. 4. Tutorial cards. 5. Download cards. 6. Company footer.
The overlapping campaign sizes establish hierarchy without a uniform card template; repeated editorial columns make different types of music content easy to browse.
Refero [style page](https://styles.refero.design/style/e5081033-bd79-479a-aef6-8b002df6086a) and [recorded video](https://images.refero.design/styles/refero.design/video/2012f52f-23cc-4d96-b7fe-64fdb65fb934.mp4); [live site](https://ableton.com/) checked on 2026-10-04. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The live campaign now promotes Live 12.4 and rent-to-own; the source records an earlier Extensions SDK campaign.