Raya
A design blueprint Spectr produced from Raya. Scroll to look closer.
Clone Raya iOS down to the pure-black canvas, slideshow profile, and music ticker
A pixel-faithful design token catalog reverse-engineered from Raya iOS, built around the music-scored slideshow profile: segmented story bars, a white music ticker with equalizer, and an editorial caption over a black scrim. Uncompromisingly monochrome — pure black and pure white, with no brand color at all.
Everything you need to ship a Raya-grade members-only dating front end: exact monochrome hex values, the auto-advancing slideshow, story-bar scrubbing, the cinematic music ticker, the white-outline Heart, and hairline-only depth. Comes with framework-neutral specs plus SwiftUI, Expo, and Jetpack Compose guides.
Screens documented
- Slideshow profile with story bars
- Music ticker and equalizer
- Editorial caption over scrim
- Skip / Heart / Note actions
- Messages list
- Expanded profile with member chips
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 Raya blueprint translates cleanly into an Expo Router app structure.