Grubhub
A design blueprint Spectr produced from Grubhub. Scroll to look closer.
A photo-led food delivery marketplace with live order tracking and Grubhub+ Perks
Grubhub leads every restaurant card with wide full-color food photography, a green rating star, and an orange deal line, then flips into a live tracking screen with an ETA window and a step timeline once you order. Grubhub Red drives every action while Orange carries savings and a gold Perks badge marks Grubhub+ restaurants.
Clone the food delivery app where photography sells the restaurant and the ETA is the payoff. This pack ships the exact Grubhub Red, Orange, Perks Gold, and Track Blue tokens with paste-ready SwiftUI, Expo, and Compose components for the restaurant list and the live order-tracking timeline.
Screens documented
- Delivery home with address bar and search
- Restaurant list with photo cards and ratings
- Restaurant detail with menu and steppers
- Bag sheet with quantity steppers and totals
- Live order tracking with ETA and timeline
- Orders history and saved restaurants
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 Grubhub blueprint translates cleanly into an Expo Router app structure.