Pantone COTY 2026 - Creative GSAP 3D Effect for Articulate Storyline 360
For this year's Pantone COTY E-Learning Heroes Challenge, I wanted to explore how motion and perceived depth could be pushed further within Articulate Storyline 360 with the help of the GSAP animation framework! This demo creates the illusion of a living, breathing scene that subtly responds to the user's mouse or finger movement across the screen. Combining parallax and masking techniques together with GSAP scripting, the result is an interaction where each illustrated element appears to rotate and drift in three-dimensional space, even though everything is built using flat 2D shapes. Check out the interactive version here: https://discoverelearning.com/insights/pantone-coty-2026-cloud-dancer-creative-gsap-3d-effect-for-articulate-storyline-360/RISE Course Starter Using Pantone Cloud Dancer
Hello everyone, For challenge #535, I’ve been experimenting with colour combinations while staying true to the lesson’s theme. I focused on various text features, keeping things simple and easy on the eyes. To create a pleasant visual palette, I chose soft shades with Cloud Dancer as the foundational colour. I’m excited about the possibility of further developing this course and making it more engaging with fun activities. I would really appreciate any feedback on my initial work! Course SamplePantone’s 2026 Color of the Year – GLAMOUR & GLEAM
We created an interactive course sample using Articulate Storyline 360, inspired by Pantone’s 2026 Color of the Year – GLAMOUR & GLEAM. The focus was on balancing visual elegance with meaningful learning interactions to enhance the overall learner experience. 🎉 Happy New Year to all! Wishing everyone a creative, inspiring and impactful year ahead. Explore the course sample: https://www.swiftelearningservices.com/custom-elearning-design-pantone-2026-storyline-360/Pantone BJJ - ELH #535
Hi everyone! I enjoy Brazilian Jiu-Jitsu in my spare time, so when I first saw the challenge, my immediate thought was the belt colors associated with the martial art. This quick experience puts you in a BJJ sparring match where the path to victory lies in identifying the correct color palette! Learners try to match the correct color to the associated Cloud Dancer Pantone Palette; as they progress, they earn a higher belt rank. Providing a quick, correct answer awards extra hints that you can use to make your journey easier. This was vibe coded in Lovable (I've been wanting to mess around with that tool for a while) and pointed as a web object in SL. Enjoy! ✌️ https://360.articulate.com/review/content/7eb4ef31-a027-42e6-97d4-b7d6dd9848f1/reviewMr Plow Saves Christmas
It's that time of the year again, folks! I was a little underwhelmed when Pantone announced Cloud Dancer as their next Color of the Year, but I had a lot of fun making this snow-themed interactive quiz. It's a surprisingly versatile base color. For almost as long as I have been building MCQs in Storyline, I've enjoyed showing immediate and visible 'consequences' for right or wrong answers. In this demo, a correct answer will clear the road and allow the delivery van through. But an incorrect answer will cause a blizzard, and a naughty dog will change the color of the snow in subsequent questions. Get the final question wrong, and you'll set off the car alarm, too. These little details are designed to make it more appealing to try again if you fail. So you not only improve your knowledge, but also improve the on-screen outcomes. Anything less than 100% isn't good enough. Watch out for yellow snow! The 'Mr Plow' character was made with Powtoon. Isometric assets from Freepik. Can you clear the road and help Mr Plow save Christmas? Mr Plow Saves Christmas | EngageBrainTrain.com Happy Holidays!
Cloud Dancer 2026: Interactive Exploration
An interactive exploration of Cloud Dancer (PANTONE 11-4201), Pantone's 2026 Color of the Year - and the first white shade ever chosen in the program's 26-year history. Link: https://360.articulate.com/review/content/05fb936b-0a99-4717-9f62-5b4f76926188/review What's inside: Interactive hotspots revealing the story behind the color: The science of warm/cool undertone balance Cultural context: why white, why now? A clickable timeline wheel comparing Cloud Dancer with past colors (2018-2026) The controversy: minimalist praise vs. "playing it safe" criticism Real-world brand applications from Motorola to Play-Doh The approach: Built with pure HTML/CSS/JavaScript to ensure it runs smoothly in any environment. The design itself reflects Cloud Dancer's minimalist aesthetic: clean, spacious, and elegant. P.S. I've been missing these challenges lately due to work commitments, but it's always wonderful to come back and see familiar names still creating and sharing. Wishing everyone a Merry Christmas and a Happy New Year filled with creativity and inspiration! Jayashree Ravi My LinkedIn
