Pandora
A design blueprint Spectr produced from Pandora. Scroll to look closer.
Music Genome radio UI built around the thumb up and thumb down
A faithful Pandora-inspired design system where the thumb up/down is the product, not a generic like. Now Playing is an album-art gradient hero with no card frame, and the station list is the home, all over a deep blue-navy canvas derived from Pandora Blue.
Clone the radio app that invented the thumb. This pack ships the exact navy palette, the solid-up versus hollow-down thumb asymmetry, the album-art gradient Now Playing, and the genome station list with paste-ready SwiftUI, Expo, and Compose components.
Screens documented
- Now Playing with thumb up and down
- Station list and My Collection
- Browse and recommendations
- Create station search
- Station detail and tune-in
- Mini player and recents
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 Pandora blueprint translates cleanly into an Expo Router app structure.