Peacock
A design blueprint Spectr produced from Peacock. Scroll to look closer.
Indigo-black canvas, feather-swoosh accent, full-bleed hero billboard, and a white Play CTA
A complete design system inspired by Peacock TV: the permanently-dark indigo-black canvas, the five-color feather swoosh, the channels rail, and the cinematic hero billboard. Every token, type ramp, and component spec to clone the NBCUniversal streaming look.
Stop reverse-engineering Peacock screenshots frame by frame. Get the exact hex values, Poppins type scale, hero scrim math, and copy-paste SwiftUI, Expo, and Jetpack Compose components in one spec.
Screens documented
- Home billboard
- Channels rail
- Trending row
- Title detail
- Live and sports
- My Stuff
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 Peacock blueprint translates cleanly into an Expo Router app structure.