Nubank
A design blueprint Spectr produced from Nubank. Scroll to look closer.
Nu Purple hero, calm tile stack, and the Roxinho card that defines Latin American fintech
A pixel-faithful design token catalog reverse-engineered from Nubank iOS, built around the full-bleed Nu Purple hero header and a calm stack of account and credit tiles. Real purple palette, Inter type scale with tabular figures, quick actions, and the Roxinho card.
Everything you need to ship a Nubank-grade neobank front end: exact hex values, the purple hero, NuConta balance tile, credit-card invoice with limit bar, and pill buttons. Comes with framework-neutral specs plus SwiftUI, Expo, and Jetpack Compose guides.
Screens documented
- Home with purple hero header
- NuConta balance tile
- Quick actions strip
- Credit-card invoice tile
- Pix send flow
- Activity feed
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 Nubank blueprint translates cleanly into an Expo Router app structure.