Match
A design blueprint Spectr produced from Match. Scroll to look closer.
A full-bleed profile-card dating app where one disciplined Match Red drives every swipe
Match is photo-first by design: the entire screen is one person, edge to edge, with a bottom gradient scrim carrying the name, age, job and frosted interest chips. A single disciplined Match Red runs the floating circular action dock, where the solid-red Like button is deliberately the loudest object on screen.
Clone the face-first dating app where the photo IS the interface and one brand red does all the work. This pack ships the exact warm near-black, Match Red and functional-accent tokens with the full-bleed swipe card, the five-button action dock, the blurred Likes You paywall and the It is a Match celebration as paste-ready SwiftUI, Expo and Compose components.
Screens documented
- Full-bleed Discover profile card with story bars
- Floating action dock with the loud red Like
- Likes You blurred paywall grid
- It is a Match full-screen celebration
- Conversation thread and messages list
- Profile detail with interests and verification
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 Match blueprint translates cleanly into an Expo Router app structure.