Learning Hub App Design

Tools
Magnific · Figma

Design Direction

• Futuristic Abstract: High-contrast dark-mode interface powered by fluid 3D ribbon dynamics and glowing, vibrant gradients.

• Luminous & Structured: Seamless blend of deep obsidian space, frosted glassmorphism, and a modern bento-grid hierarchy.

• Tactile Interactivity: Spring-physics scroll dynamics, interactive glowing pill buttons, and dynamic card scale reveals.

Process

• Visual Exploration: Generated glowing abstract 3D ribbons in Magnific to anchor a surreal, high-energy learning aesthetic.

• Interface & Prototyping: Built a responsive bento layout and dynamic scheduling components in Figma, adding fluid micro-interactions using Framer.