Mobile task-management app UI mockup

Mobile task-management app UI mockup, flat, minimal, monochrome

Preview image. Unlock full-res

Paired phone mockups showing a task-management card UI with muted purple, navy, and cream palette; color-coded task cards with date labels and action visibility.

Palette
#F0EFEC
#161519
#C0C0C0
#2D2D2F
#918B95

Summary

Two iPhone mockups displaying a task-management app with a card-based layout, each card labeled with the day and task name, supported by a discreet muted-color palette that prioritizes legibility.

Visual description

Two phone mockups set against a warm beige background. The left phone shows a task list with cards stacked vertically: "Monday, 5" at the top, followed by a card reading "Cleaning room" in white on a dark gray background, and "12 Cards" detail below. Below that card sits a horizontal color-palette strip showing five muted swatches (cream, purple, navy, gray-brown, lavender). The right phone displays an alternate state or screen variant. Both phones use slim bezels and are rendered with subtle depth. Typography is clean sans-serif, sizes vary subtly to create hierarchy. The overall aesthetic is quiet and functional, avoiding decoration.

Key takeaway

The modular card pattern for daily task grouping; the small color-strip palette as a visual affordance within the UI (suggests options or filtering); the consistent use of neutral tones to reduce cognitive load; the subtle date-label prominence creating quick scannability.

Reuse notes

Ideal for productivity apps, task managers, and any system needing to surface repeating daily structures. The muted palette works well for focused work apps. The color-strip pattern can signal customization or status values without overwhelming the interface.

More like this