Yelp
A design blueprint Spectr produced from Yelp. Scroll to look closer.
Local business reviews where the photo, the five stars, and the review wall are the product
A faithful Yelp-inspired design system built around the business detail page: a full-bleed photo header, a warm orange-red five-star rating, and a wall of Recommended Reviews with Useful, Funny, and Cool votes. One rationed Yelp Red drives every primary action while green and red signal open or closed.
Clone the local discovery app where a star rating plus a review count is the entire decision. This pack ships the exact Yelp Red and orange-star tokens, the photo-led business header, the half-star rating control, the review card with vote actions, and category filter chips with paste-ready SwiftUI, Expo, and Compose components.
Screens documented
- Business detail with full-bleed photo header
- Recommended Reviews wall with vote actions
- Search results with star-rated business rows
- Map view with rating price pins
- Write a Review with the star rating input
- Category filters and the Nearby grid
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 Yelp blueprint translates cleanly into an Expo Router app structure.