Back to Gallery
Gallery · Chime

Chime

A design blueprint Spectr produced from Chime. Scroll to look closer.

Fintech and Mobile Banking

Calm mobile banking where the mint balance hero and instant alerts carry the trust

A faithful Chime-inspired design system built around the account home: a full mint-gradient balance hero, a SpotMe fee-free-overdraft banner, and instant transaction alerts the moment money moves. Mint is the entire brand personality and everyday spending stays neutral ink, never alarming red.

Clone the friendly neobank where one number — what you can spend right now — is the whole screen. This pack ships the exact Chime Mint palette, the gradient balance hero with superscript cents, the SpotMe banner, the slide-down instant alert, and status chips with paste-ready SwiftUI, Expo, and Compose components.

Screens documented

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 Chime blueprint translates cleanly into an Expo Router app structure.