Paramount+
A design blueprint Spectr produced from Paramount+. Scroll to look closer.
Midnight-navy canvas, brand-hubs row, single Paramount+ Blue accent, prestige hero billboard
A complete design system inspired by Paramount+: the dark-only navy canvas, the network brand-hubs row, the single electric-blue accent, and the live-TV-and-sports pillar. Every token, type ramp, and component spec to clone the network-bundle streaming look.
Stop reverse-engineering Paramount+ screenshots frame by frame. Get the exact hex values, Inter type scale, hub-chip gradients, hero scrim math, and copy-paste SwiftUI, Expo, and Jetpack Compose components in one spec.
Screens documented
- Home hub
- Brand hubs row
- Hero billboard
- Live TV and sports
- Title detail
- My List
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 Paramount+ blueprint translates cleanly into an Expo Router app structure.