E-Learning Mobile App Design Template

Lumen is an e-learning mobile app design built around a "Bold Scholar" aesthetic: warm chalk-paper backgrounds, deep-ink text and outlines, electric indigo reserved for progress and primary actions, and warm marigold saved for streaks and earned badges. Every surface is an outlined index card with a hard offset shadow, so screens feel like stacked, printed flashcards rather than soft, generic panels.

The template ships seven connected screens that form a complete learning flow: a personalised Today home with a streak counter and daily goals, a Discover catalog with filterable course cards, a Course detail with instructor and syllabus, a Lesson player with transcript tabs, a Practice quiz with instant feedback, a Performance dashboard, and a Profile. A signature "ink ribbon" runs down each course card and across the top of the lesson player, filling with indigo as lessons complete and doubling as a bookmark.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, all far faster than starting from a blank canvas.