Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Productivity
  3. Bear
Bear app icon
Productivity

Bear

Bear - Markdown Notes

View on App Store
4.7
6.8K ratings

Screenshot story

The set introduces Bear's core value of 'beautiful notes' before diving into specific technical features like tagging, data management, sketching, and security, all unified by the brand's iconic mascot.

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 6 frames, Bear most often uses floating device composition and device treatment with illustrated backgrounds. 6 frames include visible caption copy.

  1. Frame 1

    Write beautiful notes

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    illustrated
    Copy treatment
    top, aspirational, direct
  2. Frame 2

    Organize with #tags

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    illustrated
    Copy treatment
    top, orderly, playful
  3. Frame 3

    Statistics, Outlines, and Backlinks

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    illustrated
    Copy treatment
    top, utilitarian, informative
  4. Frame 4

    Sketch anywhere!

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    illustrated
    Copy treatment
    top, creative, enthusiastic
  5. Frame 5

    Search far and wide

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    illustrated
    Copy treatment
    top, clever, functional
  6. Frame 6

    Private notes

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    illustrated
    Copy treatment
    top, secure, reliable

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
floating deviceflat ui panel

Design analysis

What makes this set work

bear red#e64c4ctag purple#7e49aastats orange#f7b239sketch teal#2e9b7asearch pink#eb5d7eprivacy blue#3c96e6

Bear's screenshot strategy is a masterclass in brand-led feature highlighting. By assigning a distinct, vibrant primary color to each slide, the design creates a rhythmic browsing experience that feels fresh with every swipe. A designer should note the use of the 'Bear' mascot as a recurring interactive element-peeking over the device frame or physically interacting with the UI (holding a stylus or keys). This transforms a standard utility app into a high-personality brand. The typography is bold and legible, while the background illustrations (space, forest, brick) provide subtle environmental context for the features without cluttering the frame. The focus remains on the clean white UI, proving that you can sell technical complexity through playful, minimalist aesthetics.

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 Productivity

Tiimo App Store screenshot: floating device composition with ui screenshot content
Tiimo iconTiimo

Productivity

Opal App Store screenshot: device in hand composition with social proof content
Opal iconOpal

Productivity

ChatGPT App Store screenshot: floating device composition with ui screenshot content
ChatGPT iconChatGPT

Productivity

Todoist App Store screenshot: floating device composition with ui screenshot content
Todoist iconTodoist

Productivity