Crypto.com
A design blueprint Spectr produced from Crypto.com. Scroll to look closer.
A premium navy super-app where the metallic Visa card is the whole status symbol
A pixel-faithful design token catalog reverse-engineered from Crypto.com iOS, built around the navy-tinted home: the total-balance hero, the tiered metallic Visa card, and the watchlist. Real two-blue system, brushed-metal card gradients, and Roboto Mono money so every column aligns.
Everything you need to ship a Crypto.com-grade fintech super-app: exact hex values, the brushed-metal Visa card with gold embossing and tier-to-cashback mapping, the floating center Trade tab, the Earn APR rows, and pill CTAs. Comes with framework-neutral specs plus SwiftUI, Expo, and Jetpack Compose guides.
Screens documented
- Home with total-balance hero
- Metallic Visa card and tiers
- Watchlist and prices list
- Buy and Sell trade flow
- Earn APR and staking
- Card management and cashback
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 Crypto.com blueprint translates cleanly into an Expo Router app structure.