Five animated design directions for the MCIPD learning app: Aurora, Editorial Calm, Focus Dark, Kinetic Bold, and Clean Material — each shown as a preview tile with palette, an animated progress ring, a lesson chip, and a call-to-action button.
Auroraanimated
Vibrant gradients, glass, glow. Modern ed-tech energy.
68%
Unit 2 · Reward
5 lessons to go
Editorial Calmanimated
Warm paper, serif headlines, emerald + gold. Matches your brand.
52%
Unit 2 · Reward
5 lessons to go
Focus Darkanimated
Deep-work night mode. High contrast, calm focus.
74%
Unit 2 · Reward
5 lessons to go
Kinetic Boldanimated
Big, bouncy, gamified. Built to keep people coming back.
40%
Unit 2 · Reward
5 lessons to go
Clean Materialanimated
Crisp white, blue, soft elevation. Trustworthy and B2B-ready.