OpenTable
A design blueprint Spectr produced from OpenTable. Scroll to look closer.
A restaurant-reservation app built on a tappable time-slot grid and a single red Reserve action
OpenTable turns every restaurant page into a one-tap booking with a grid of rounded reservation time chips, the recommended slot filled OpenTable Red and off-peak slots annotated with teal Dining Points. A heavy restaurant name, gold review stars, Booked-N-times-today social proof, and a sticky red Reserve bar carry the conversion.
Clone the table-booking marketplace where a slot grid plus social proof drives the reservation. This pack ships the exact OpenTable Red, gold-star and teal-points tokens with the time-slot grid, restaurant detail page, party/date selectors and sticky Reserve bar as paste-ready SwiftUI, Expo and Compose components.
Screens documented
- Discover search with date, time and party
- Restaurant results list with slot chips
- Restaurant detail with hero photo and reviews
- Reservation time-slot grid with points
- Party-size and date selector sheets
- Reservations and Dining Rewards points
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 OpenTable blueprint translates cleanly into an Expo Router app structure.