Preview image. Unlock full-res
Mobile app screen for an education platform using a daily-streak habit pattern with an orange flame metaphor and minimalist layout.
Summary
Mobile onboarding screen for Nibble, an education app using a daily-streak habit-loop to encourage consistent learning. Fire flame icons and motivational copy anchor the pitch.
Visual description
Vertical iOS screen with light gray background. Top section shows the "Nibble" logo and app name in purple (bb icon) paired with sans-serif wordmark. Center displays a "For you" header with a row of day pills (SUN through SAT, with WED highlighted in orange). Below, a "Play games" section with headline and "See all" link. Main focus is a large centered stack: five orange-gradient flame icons arranged in a arc, each with subtle shadow, above bold headline text "Spark learning with a Daily streak". Paragraph of explanatory copy in dark gray describes the streak mechanic. Bottom has a prominent purple button labeled "Got it". Right margin shows "Platform: iOS" label and left margin shows "Category: Education" label. Mobbin attribution appears at lower left.
Key takeaway
The flame metaphor visually communicates progress and momentum; the simplicity of one primary action (the "Got it" CTA) paired with clear benefit copy removes friction from onboarding. The day-of-week selector is a concrete, immediately-understandable way to frame daily commitment.
Reuse notes
Strong pattern for habit-forming or education products targeting mobile audiences. Works best when the core value (daily learning, meditation, exercise) is time-based or streak-driven. The orange-and-purple color pairing is energetic without feeling chaotic.
