Templates · Food
Tiffin, a food delivery app template
A full food delivery app in the spirit of the big ones: onboarding, phone sign in, home, search, restaurant menus, dish pages, add-ons, cart, address, payment, live tracking on a map, courier chat, ratings, order history, offers, a membership paywall, profile and settings. Charcoal headers over white cards, with one acid lime for everything you can act on.
Free to remix on every plan.
What stands out
- 26 screens covering the whole order, from craving to doorstep
- Live order tracking on a drawn map, with courier chat
- Cart, address, payment and a membership paywall ready to adapt
- Charcoal, white and one acid lime, with top-down food photography
The 26 screens
- Welcome (Onboarding)
- Location (Onboarding)
- Sign in (Sign in)
- Verify (Sign in)
- Home (Home)
- Search (Search)
- Restaurants (List)
- Restaurant (Detail)
- Dish (Detail)
- Customize (Form)
- Cart (Checkout)
- Address (Form)
- Payment (Checkout)
- Order placed (Success)
- Tracking (Tracking)
- Chat (Form)
- Rate order (Form)
- Orders (List)
- Order details (Detail)
- Favourites (List)
- Offers (List)
- Tiffin One (Paywall)
- Help me choose (Form)
- Notifications (List)
- Profile (Profile)
- Settings (Settings)
The design language
Confident and clean: a charcoal header band over a light grey page, white rounded cards, bold geometric type, round top-down food photos and a single acid lime for actions and highlights.
| Colour | Role |
|---|---|
| #f3f3f3 | background |
| #ffffff | surface |
| #1f1f1f | text |
| #9b9b9b | text-muted |
| #c5f82a | accent |
| #1f1f1f | accent-contrast |
| #232323 | secondary |
| #ebebeb | border |
| #ff8a1e | warning |
The prompt behind it
A food delivery app called Tiffin. Charcoal headers, white cards, one acid lime, big round food photos.
Questions people ask
- What is in the Tiffin template?
- 26 screens: Welcome, Location, Sign in, Verify, Home, Search, Restaurants, Restaurant, Dish, Customize, Cart, Address, Payment, Order placed, Tracking, Chat, Rate order, Orders, Order details, Favourites, Offers, Tiffin One, Help me choose, Notifications, Profile, Settings. They share one design language and are linked into a clickable prototype.
- Can I change Tiffin into my own app?
- Yes. When you remix it you can type your app's name and it replaces Tiffin on every screen. In the studio you can then change copy, colours, photos and layout, by describing the change or editing by hand.
- Does it cost credits?
- No. Remixing a template is free on every plan. Only changes you ask the AI to make afterwards count as designs.