Screenspo
AppsPatternsColorsGuidesMCP
Screenspo·App Store design, organized

built by starterlyst 💚

  1. Home
  2. Education
  3. Brilliant
Brilliant app icon
Education

Brilliant

Brilliant: Learn Math & Coding

View on App Store
4.7
30.7K ratings

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

The complete screenshot set

Select any frame to study its layout, content, and palette.

Observed in the listing

Frame-by-frame listing evidence

Across 9 frames, Brilliant most often uses floating device composition and device treatment with gradient backgrounds. 9 frames include visible caption copy.

  1. Frame 1

    Your personal tutor for math and coding

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, benefit led, encouraging
  2. Frame 2

    Gives visual help right on your screen

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, functional, direct
  3. Frame 3

    Crafted by experts from MIT & Harvard

    Composition / device
    floating device
    Content
    social proof
    Background
    gradient
    Copy treatment
    top, authoritative, prestigious
  4. Frame 4

    For grade 5 through college and beyond

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, inclusive, ambitious
  5. Frame 5

    Like an expert sitting next to you

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, supportive, human
  6. Frame 6

    Talks through problems step by step

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, educational, patient
  7. Frame 7

    Trains you to think like a software engineer

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, professional, goal oriented
  8. Frame 8

    Thousands of fun, interactive lessons

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, playful, expansive
  9. Frame 9

    The best tutor you'll ever have is already on your phone

    Composition / device
    collage
    Content
    social proof
    Background
    gradient
    Copy treatment
    top, bold, reassuring

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating devicecollage

Design analysis

What makes this set work

brilliant lime#94ec32electric indigo#5f3dc4soft charcoal#343a40sky blue#4dabf7success green#40c057

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.

Source and method. Screenshots come from the US App Store listing and are preserved in Screenspo's curated corpus. Layout, caption, content, background, and palette observations are derived from the visible listing artwork. Typeface names are not inferred; transcribed copy, tone, and position are the supported typography evidence, while layout tags record composition and device treatment. View the source listing.

Keep exploring

More in Education

Greg App Store screenshot: floating device composition with ui screenshot content
Greg iconGreg

Education

Mindvalley App Store screenshot: panoramic composition with social proof content
Mindvalley iconMindvalley

Education

Headway App Store screenshot: flat ui panel composition with onboarding content
Headway iconHeadway

Education

MasterClass App Store screenshot: collage composition with social proof content
MasterClass iconMasterClass

Education