Deezer
A design blueprint Spectr produced from Deezer. Scroll to look closer.
Clone Deezer: living-gradient Flow artwork, embedded equalizer, scarce purple-pink gradient
A production-grade design system rebuilt from the Deezer iOS app, from the violet-tinted near-black #0F0D13 canvas to the purple-to-pink gradient that lights only the play button, scrubber, and Flow badge. Every token, the living-gradient Flow artwork, and the embedded equalizer are documented for SwiftUI, Expo, and Jetpack Compose.
Ship a Deezer-style streaming app without hand-tuning the Flow signature screen. Exact Deezer purple #A238FF and pink #FF0092, the equalizer embedded inside the artwork, the 68pt circular gradient play button, and the gradient scrubber are spec-ready across three platforms.
Screens documented
- Flow Now Playing with living-gradient artwork
- Equalizer waveform embedded inside Flow art
- Circular purple-to-pink gradient play button
- Gradient scrubber with elapsed and remaining time
- Now-playing-aware song rows with pink equalizer
- Bottom tab bar with purple active tint
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 Deezer blueprint translates cleanly into an Expo Router app structure.