VSCO
A design blueprint Spectr produced from VSCO. Scroll to look closer.
Ship a film-grade photo editor with VSCO's exact darkroom system
A complete UI blueprint of the VSCO iOS photo editor, captured from a real screen recording: the pure-black darkroom canvas, the hairline bipolar adjust slider, the film-preset carousel, and the UPPERCASE wide-tracked chrome. It documents every color, type ramp, radius, and motion rule so an AI agent can rebuild the editor without guessing.
Use it as the baseline for any photo or video editor that wants VSCO's no-chrome, monochrome restraint instead of a generic toolbar app. Slider hairlines, preset tiles, tool tray, Studio contact-sheet grid, and tab bar are all specified to exact hex values and pixel sizes.
Screens documented
- Photo editor with film-preset carousel
- Hairline adjust slider and tool tray
- Studio contact-sheet grid
- Recipe save and apply
- Discover editorial feed
- Profile and gallery
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 VSCO blueprint translates cleanly into an Expo Router app structure.