Deliveroo
A design blueprint Spectr produced from Deliveroo. Scroll to look closer.
A mono-teal food delivery app built on photo cards and a floating add button
Deliveroo runs on one unmistakable teal for the kangaroo logo, every button, the rating star and Deliveroo Plus, with deep teal-ink labels on teal fills for legibility. The restaurant feed pairs wide photo cards with a signature delivery-fee pill, and menu rows carry a floating teal plus button hanging off each thumbnail.
Clone the food delivery app with the most disciplined color system in the category. This pack ships the exact Deliveroo Teal and Teal Ink tokens, the fee pill, the floating add button, and the heavy grotesque type with paste-ready SwiftUI, Expo, and Compose components for the restaurant feed and menu.
Screens documented
- Restaurant feed with address bar and search
- Photo restaurant cards with fee pills
- Restaurant menu with floating add buttons
- Item customize sheet with steppers
- Basket and checkout with sticky bar
- Live order tracking with rider map
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 Deliveroo blueprint translates cleanly into an Expo Router app structure.