Jira
A design blueprint Spectr produced from Jira. Scroll to look closer.
Ship the Jira board, issue cards, and sprint backlog with exact Atlassian tokens
A complete UI blueprint of the Jira iOS app — the sprint board, issue cards, status lozenges, issue detail, and backlog — documented from a real screen recording. Every Atlassian color token, type ramp, lozenge pair, and elevation level is captured so an AI agent can rebuild it screen for screen.
Use it as the baseline for any project-tracking or work-management app: drag-to-transition boards, semantic status lozenges, issue-type iconography, and a field-panel issue detail. Jira Blue #0052CC, Atlassian Navy #172B4D ink, the #1D2125 dark canvas, and tabular-numeral story points are all specified to exact values.
Screens documented
- Sprint board with horizontal status columns
- Issue card with type icon, key, labels and points
- Issue detail with status lozenge and field panel
- Backlog list with collapsible sprint sections
- Status transition dropdown menu
- Create issue modal sheet
What a Spectr spec includes
Screen-by-screen documentation, complete design system (color, typography, spacing), navigation map, component library, implementation notes, and a Claude Code prompt — everything an AI coding agent needs to build.
Turnaround
Most mobile apps produce a full spec in under 90 seconds from a single screen recording. Upload your own MP4 and watch the blueprint generate live.
Why not a design file?
Design files don't compile. A Spectr spec is optimized for AI coding agents like Claude Code — it produces working code on the first prompt, not layered artboards.
Target stack
Every spec targets Expo SDK 54 and React Native on an iPhone 15 baseline. The Jira blueprint translates cleanly into an Expo Router app structure.