Binance
A design blueprint Spectr produced from Binance. Scroll to look closer.
A dark trading terminal where one yellow accent and absolute green-red carry every market
A pixel-faithful design token catalog reverse-engineered from Binance iOS, built around the dense markets list and the candlestick trade screen with its depth-shaded order book. Real near-black canvas, single Binance Yellow accent, and monospace tabular figures so every price column aligns.
Everything you need to ship a Binance-grade exchange front end: exact hex values, the dense markets list with colored percentage pills, the translucent depth order book, the green and red Buy/Sell ticket, and the single-screen Convert flow. Comes with framework-neutral specs plus SwiftUI, Expo, and Jetpack Compose guides.
Screens documented
- Markets list with favorites and spot tabs
- Candlestick chart with interval chips
- Depth-shaded order book
- Buy and Sell trade ticket
- Convert from-to swap flow
- Wallet and funding overview
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 Binance blueprint translates cleanly into an Expo Router app structure.