App UI mockup with task management screens

Summary

iOS app UI mockup showcasing a task management interface with color-coded calendar, daily task list, and clean card-based layout using a neutral background with purple accent highlights.

Visual description

Two iPhone mockups display a task management app. The left phone shows the "Monday, 5" calendar view with a "Cleaning room" task header, completed items checklist (12 tasks), and a rainbow color palette strip at the bottom. The right phone displays a detailed task view with "Going to workout" as the primary focus, showing step-by-step actions. Both interfaces use consistent white cards against light backgrounds, bold sans-serif typography for headers, and smaller gray text for secondary information. The design relies heavily on whitespace and subtle shadows to create card hierarchy. The color palette includes neutral grays, deep charcoal text, and a vibrant purple accent color.

Key takeaway

Clean card-based layout that separates content into scannable chunks; color-coding system (purple primary, rainbow secondary) that adds visual interest without overwhelming the interface; consistent iconography and spacing that establishes rhythm across multiple app screens.

Reuse notes

Ideal for productivity or wellness apps needing a friendly, approachable interface. The card structure scales well across list views, task details, and calendar layouts. Works best with light backgrounds and one bold accent color.