Productivity · Satisfying Done
To Do List App Design Template
Crisp is a calm, rewarding to-do list app design for founders and designers shipping a task or productivity app, built around the small joy of checking things off.
미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 to-do list 모바일 앱 디자인을 미리 보세요.
To-Do List App 소개
Crisp is a to do list app design template built on a "Satisfying Done" idea: the small, physical reward of marking a task complete. It pairs an off-white canvas with near-black ink, cool grey metadata, and a fresh lime-green that's reserved for completed states and progress. Tasks sit in spacious rows separated by air rather than boxed cards, each with a large circular checkbox that fills green with a check, then strikes through and softens to grey.
The template ships six connected screens that form a full task-management flow: a Today home with a progress ring and date header, an Upcoming agenda grouped by day, a Lists screen of color-tagged projects (Work, Personal, Errands, Health), a task detail with notes and subtasks, a Quick Capture sheet for fast entry, and a Completed view with a weekly stats card. Soft project colors (sky, rose, violet, amber) and pill chips keep everything legible at a glance.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
구성 내용
포함된 화면
Today
A date header ("Wed, 24th") with a green progress ring at 65%, a focused list of today's tasks with large circular checkboxes and project chips, plus a completed section and a floating green add button.
Upcoming
A scrollable agenda grouping tasks by day (Tomorrow, Friday, Saturday) with task counts, colored project dots, and times. Helps users see what's ahead at a glance.
Lists
The user's projects as color-tagged rows (Work, Personal, Errands, Health) with task counts, an All Tasks header, and a dashed Create New List action. The organizing hub of the app.
Task detail
A bold task title with a project tag, due date and reminder chips, a notes block, and a subtasks list with checkable items, plus Save and delete actions.
Quick Capture
A fast capture sheet with an "I want to..." field and quick shortcuts for Today, Tomorrow, Later, and Project, with a green send button. Built for adding tasks in seconds.
Completed
A dark weekly stats card showing tasks done and a bar chart, over a history list of finished tasks grouped by Today and Yesterday with strikethrough text and green checks.
디자인 & 기능
주요 기능
- Satisfying Done aesthetic: off-white canvas, near-black ink, lime-green completes
- Large circular checkboxes that fill green on completion
- Today-progress ring that fills as tasks get done
- Spacious task rows separated by air, not boxed cards
- Soft project colors (sky, rose, violet, amber) with pill chips
- Quick Capture sheet with date and project shortcuts
- Task detail with notes, subtasks, due date, and reminders
- Weekly completion stats card with a bar chart
오디언스
이런 분께 맞습니다
활용 사례
이런 것을 만들 수 있습니다
- Launch an MVP for a to-do or task-management product
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent productivity UI off to developers
- Explore a redesign of an existing task app
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
to-do list 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용