Animation For Mobile Application

5 Animations needed for the application:-

1. Animation Idea: A book opening with sparkles or icons (videos, text, certificates) flying out
Key Color: #BB9B54 (for primary elements like the book or key icons)
Note: White (#FFFFFF) should be used for elements like sparkles or highlights that need to stay visible on colored or dark backgrounds.

2.⁠ ⁠Knowledge & Skill Acquisition
Animation Idea: An animated stack of books or cards titled “Spoils” flipping open
Key Color: #4578AB (for the stack or main book elements)
Again, use white (#FFFFFF) where necessary for visibility.

3. Earn as a Tutor
Animation Idea: A hand placing video/text on a platform, with viewers appearing and coins rising
Key Color: #783CC6 (for key visual elements like coins, platform, or highlight items)
Use white to balance the animation and ensure it stands out on dark or colored backgrounds.

⁠4. Light Mode Success Animation- Color Code (Solid Fill) #013B4D
Background: Transparent

5.⁠ ⁠Dark Mode Success Animation- Color Code (Solid Fill) #0C83A9
Background: Transparent

Important Notes:
Each animation will be placed on different background colors, so please make the background transparent.

The key color provided is only for main elements, not the entire animation.

Use white (#FFFFFF) for contrast, especially for secondary or supporting elements.

Export as Lottie JSON (with transparent background), and GIF optimized for mobile onboarding screens.