Resy
A design blueprint Spectr produced from Resy. Scroll to look closer.
A black-first editorial reservation app where a serif name and a red-outlined slot grid drive the booking
Resy is dark-first by design: full-color restaurant photography and high-contrast Playfair-style serif names pop on a pure-black canvas like a printed dining magazine. Available reservation slots are outlined in Resy Red while the primary slot is solid red, and sold-out times become dashed amber Notify chips that join the waitlist.
Clone the editorial table-booking app where typographic and photographic contrast replace color and Notify turns sold-out tables into a waitlist. This pack ships the exact pure-black, Resy Red, amber and gold tokens with the serif/sans split, the red-outline slot grid, the date strip and the Notify path as paste-ready SwiftUI, Expo and Compose components.
Screens documented
- Editorial search and curated Hit List
- Restaurant detail with photo carousel and serif name
- Reservation date strip and time-slot grid
- Red-outlined slots with seating types
- Notify waitlist for sold-out tables
- Reservations and confirmation card
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 Resy blueprint translates cleanly into an Expo Router app structure.