Plenty of Fish
A design blueprint Spectr produced from Plenty of Fish. Scroll to look closer.
Clone Plenty of Fish: a blue photo-grid dating app with Meet Me and chat
A complete UI blueprint of the Plenty of Fish iOS dating app, captured from a real screen recording and documented down to exact hex, type and spacing. It covers the 2-column match grid, the Meet Me yes/maybe/no card, the online presence system and the messages-first inbox so an AI agent can rebuild the app faithfully.
Use it as the baseline for a photo-grid dating app: POF Blue (#0098DB to #00A6E2), the cool near-black dark canvas (#121417), online teal (#00C9B7), unread pink (#FF4F8B) and heavy rounded Nunito Sans are all documented to exact values. Every signature surface — the full-bleed match grid, the Meet Me card and the prominent Messages tab with its unread badge — is specified for SwiftUI, Expo and Jetpack Compose.
Screens documented
- Match grid (2-column photos)
- Meet Me yes/maybe/no card
- Profile detail carousel
- Messages inbox
- Chat conversation
- Upgrade / premium sheet
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 Plenty of Fish blueprint translates cleanly into an Expo Router app structure.