Saltar al contenido

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.

Project management app kanban board screen with backlog tickets and color spines
Project management app project overview screen with completion ring and milestones
Project management app timeline screen with Gantt task bars across the week

Explora las pantallas

Vista previa del diseño de app móvil de project management, totalmente editable en Sleek.

Project management app kanban board screen with backlog tickets and color spines
Project management app project overview screen with completion ring and milestones
Project management app timeline screen with Gantt task bars across the week
Task detailPantalla 4
My TasksPantalla 5
TeamPantalla 6

Sobre Project Management App

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.

Pantallas incluidas

01

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.

02

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.

03

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.

04

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.

05

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.

06

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.

Funciones clave

  • 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

Para quién es

Founders validating a project management or task-tracker MVP
Product designers needing a kanban app starting point
Indie developers building a team productivity tool
Agency teams prototyping a client-facing project tracker

Qué puedes crear

  • 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

Cómo usar esta plantilla

  1. 1

    Abrir la plantilla

    Explora las pantallas y previsualiza el diseño completo para ver si encaja con tu idea.

  2. 2

    Usar esta plantilla

    Abre tu propia copia totalmente editable en Sleek con un clic.

  3. 3

    Editar con IA

    Cambia la paleta, modifica las estructuras y añade o quita pantallas solo describiendo lo que quieres.

  4. 4

    Exporta y lanza

    Exporta tu diseño o pásaselo a los desarrolladores, y sigue construyendo hacia el lanzamiento.

Dudas, resueltas. Todo lo que necesitas saber antes de empezar.

How do I build a project management app from this template?
Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working project management app UI far faster.
What screens are included in this project management app template?
Six connected screens: Board, Overview, Timeline, Task detail, My Tasks, and Team. Together they cover the core project workflow, from a kanban board and sprint timeline to per-task detail and team capacity.
Can I customize the project management app UI design?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the graphite-and-lime palette, adjust the kanban columns, or add new flows. There's no manual redraw; you describe the change and it's applied.
Is this project management app design template free to use?
You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.
Can I export the design to code or Figma?
Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.
Is this template suitable for a kanban or sprint-tracking tool?
Absolutely. The board, timeline, and task detail screens map cleanly onto kanban boards, sprint planning, and agile workflows. Adjust the columns, labels, and ticket fields to fit your team's process.

¿Alguna otra duda? Escríbenos a support@sleek.design.

Empieza a diseñar tu app de project management

Úsala en Sleek y hazla tuya: cambia la paleta, edita cualquier pantalla con IA y exporta a código o Figma.