The recording opens with a large stacked collection headline and a broad dark showcase of effect examples. An expansive text introduction leads into a black learning section with lime icons and tilted capability labels. Very large learn, tweak and use lettering introduces further example panels. The current hero instead places a compact example between two separated phrases.
1. Recorded stacked collection headline. 2. Dark effect showcase. 3. Expansive introductory paragraph. 4. Black learning section. 5. Lime capability icons. 6. Oversized learn tweak use lettering. 7. Example and tutorial panels.
Showing the effects before explaining them gives motion a concrete surface. Scale changes and the black section create a clear progression from inspiration to learning.
Refero [style page](https://styles.refero.design/style/44e4d78b-d78a-4d00-bd10-94b14ac083c9) and [recorded video](https://images.refero.design/styles/refero.design/video/b8ac77d6-31f5-463f-8ae7-07ca510adf2c.mp4); [live site](https://madewithgsap.com/) checked on 2026-10-06. 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 current collection count and opening layout differ from the recording. Named motion devices describe observed presentation rather than independently inspected GSAP code.