Product design concept · 2026

Pinion

A sprint board designed in the middle of a drag, with the WIP limit, the ghost gap and the drop target all visible at once.

A design project: we designed these screens, and they were not built by us.

  • Design
  • Project Management
  • SaaS
  • Desktop App
Pinion website: screen

Overview

Pinion is a design concept for an issue tracker, drawn as a 1440x900 sprint board. Five columns run from backlog to archived, each with a count, and In progress carries a 3 of 3 WIP badge so the limit is stated where it bites rather than in a settings page. Cards show a label chip, a title, a mono issue key, comment count, checklist progress and an assignee, which is enough to triage without opening anything. The board is deliberately captured mid-drag: one card is lifted with a shadow, a grey ghost gap marks where it came from and a dashed drop placeholder marks where it is going, so the interaction is designed rather than left to the engineer to invent.

Designed mid-drag

The lifted card, the ghost gap it left behind and the dashed drop target are all drawn. Static board designs hand the hardest part of the build — what the screen does while you are moving something — to whoever writes the code.

The WIP limit sits on the column

In progress reads 3 with a 3 of 3 badge beside it. A limit written into the column header is a limit people follow; one buried in project settings is a number nobody sees.

Cards that carry enough to triage

Label, title, issue key, comments, checklist progress and assignee. PIN-241 shows 0 of 3 and PIN-227 shows 2 of 2, which is enough to sort a sprint without opening a single issue.

The sprint says how long is left

"Sprint 42 — 4 to 15 August, 5 days left" sits above the columns with the active filter shown as a removable chip, so what you are looking at and how it was narrowed are both on screen.

Built with

  • Figma

Design details

Colour palette

Typography: Outfit

Headings

Large heading

Section heading

Subheading

Body text

The quick brown fox jumps over the lazy dog. Body copy is set in this typeface across the site, from service descriptions to contact forms.

Want a design like this?

Tell us what you need and get a fixed quote within 24 hours. Projects from £1k.

See what we do

Rather talk it through? Book a free call