Vimeo
A design blueprint Spectr produced from Vimeo. Scroll to look closer.
Ship a cinematic, creator-first video app with Vimeo-grade polish
A complete UI blueprint of the Vimeo iOS app, documenting the near-black screening-room canvas, the auto-fading cinematic player, the iconic Staff Pick gold badge, and the curated watch feed. Captured from a real screen recording and distilled into exact tokens an AI agent can build against directly.
Use it as the baseline for any premium video, film, or creator-portfolio app and skip months of taste calibration. Every value is documented to the exact hex, font weight, corner radius, and motion timing — the #0D0E12 ink canvas, the single #00ADEF accent, the #FFD24C curation star, the scrubber, and the creator attribution row.
Screens documented
- Cinematic video player with auto-fading scrubber and HD chip
- Video meta block with creator avatar and Follow pill
- Curated Staff Picks watch feed
- Staff Pick badge (pill and thumbnail-corner variants)
- Creator / channel profile with follower count
- Five-slot bottom tab with emphasized center Upload action
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 Vimeo blueprint translates cleanly into an Expo Router app structure.