Productivity · Graphite Studio
Project Management App UI Template
Kanbanaut is a kanban-driven project management app design with a graphite-and-lime studio look, built for teams shipping a task and sprint tracker.



Önizle
Ekranları keşfedin
Sleek'te tamamen düzenlenebilen project management mobil uygulama tasarımını önizleyin.
Project Management App hakkında
Kanbanaut is a project management app UI built around a "Graphite Studio" look: a warm graphite canvas with paper-white surfaces that lift cleanly off the dark frame, slate-grey text, and a single electric-lime accent reserved for active states, primary buttons, and progress fills. It is a two-tone shell rather than flat dark mode, with crisp 12px radii, hairline dividers, and tonal-stacked paper cards instead of heavy shadows. A geometric sans carries headings while a tabular monospace lines up dates, counts, and ticket IDs.
The template ships six connected screens that form a complete project workflow: a kanban Board with backlog and in-progress columns and color-spined tickets, a bento Overview with a completion ring and milestone summary, a weekly Timeline with Gantt-style task bars and a lime today-marker, a Task detail panel with description, labels, assignee, and timeline, a grouped My Tasks list split into Overdue and Today, and a Team directory with capacity meters. Every card carries its tracked-out monospace ticket ID ("KAN-198") in the corner, the signature detail tying the system together.
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, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
İçindekiler
Dahil olan ekranlar
Board
A horizontal kanban with Backlog and In Progress columns of flat paper tickets, each carrying a monospace ticket ID, title, and a left color spine for priority. The core drag-and-drop workspace.
Overview
A bento layout with a personalised greeting card, a 68% completion ring, and a task-count summary for the active project. Gives a fast read on progress at a glance.
Timeline
A weekly Gantt view with horizontal task bars colored by ticket, date ranges in monospace, and a lime today-marker down the current day. Makes sprint scheduling legible.
Task detail
A paper-white panel with the task title, development and priority labels, a description, assignee card, and a dated timeline. The place to act on a single ticket.
My Tasks
A grouped personal list split into Overdue and Today, with checkboxes, ticket IDs, and priority spines plus open and done counts. Keeps each person focused on what is due.
Team
Member cards showing avatar, role, current task count, and a capacity meter that turns red as a person nears full load. Surfaces workload across the studio.
Tasarım ve özellikler
Öne çıkan özellikler
- Graphite Studio aesthetic: dark frame, paper surfaces, one lime accent
- Tonal-stack cards with 12px radii and hairline dividers, no drop shadows
- Signature monospace ticket IDs on every card
- Color-spined kanban tickets indicating priority
- Bento project overview with a completion ring
- Weekly Gantt timeline with a lime today-marker
- Grouped My Tasks list with checkboxes and priority spines
- Team cards with capacity meters and current task counts
Hedef kitle
Kimler için
Kullanım alanları
Neler oluşturabilirsiniz
- Launch an MVP for a project management product
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent kanban UI off to developers
- Explore a redesign of an existing task-tracking app
Bu şablon nasıl kullanılır
- 1
Şablonu aç
Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.
- 2
Bu şablonu kullan
Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.
- 3
Yapay zekâ ile düzenle
Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.
- 4
Dışa aktar ve yayınla
Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.
Sıkça sorulan sorular
İlgili mobil uygulama şablonları
project management uygulamanızı tasarlamaya başlayın
Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.
Bu şablonu kullan







