
Screenshot story
The set begins by positioning the app as a personal tutor that uses visualization and expert-led content to solve difficult math and coding concepts. It transitions into showcasing variety and accessibility across all ages, concluding with heavy social proof and a vast library of topics to seal the user's trust.
iPhone gallery
Select any frame to study its layout, content, and palette.
Observed in the listing
Across 9 frames, Brilliant most often uses floating device composition and device treatment with gradient backgrounds. 9 frames include visible caption copy.
Frame 1
Your personal tutor for math and coding
Frame 2
Gives visual help right on your screen
Frame 3
Crafted by experts from MIT & Harvard
Frame 4
For grade 5 through college and beyond
Frame 5
Like an expert sitting next to you
Frame 6
Talks through problems step by step
Frame 7
Trains you to think like a software engineer
Frame 8
Thousands of fun, interactive lessons
Frame 9
The best tutor you'll ever have is already on your phone
Explore by detail
Design analysis
Brilliant’s design strategy centers on 'active learning' by showing, not just telling. Instead of static lists, each screenshot features a floating UI panel simulating a live, interactive lesson. A key differentiator is the inclusion of chat bubbles and 'expert' personas, which humanizes the digital experience and reinforces the 'personal tutor' hook. The color system uses a rotating pastel gradient background that changes with every slide, preventing fatigue while maintaining a clean, high-contrast 'light mode' aesthetic. Designers should note the use of academic prestige (MIT & Harvard) and high-tier media logos as trust signals positioned early in the scroll. The copy is exceptionally benefit-driven, focusing on cognitive transformation-'trains you to think'-rather than just content consumption.
Keep exploring