Food Delivery

Tone

Fast, appetizing, frictionless — warm and indulgent with dark sophistication

Target audience

Urban professionals aged 22-35 ordering lunch or dinner 3-5 times per week, accustomed to Uber Eats and DoorDash, making food decisions in under 30 seconds

Design direction

Bites lives in the space between midnight hunger and instant gratification. The canvas is near-black charcoal (#0F0E0D) — not flat black, but the warm dark of a restaurant at closing time, with just enough brown undertone to feel edible rather than digital. Against this, food photography explodes with color and heat. The hero accent is ember red-orange (#E8400C) — the exact color of a wood-fired pizza crust or a seared scallop — used on CTAs, active states, and price highlights to trigger appetite and urgency simultaneously. A softer coral-orange (#FF6B35) provides the hover and gradient partner. Text lands in warm cream (#F5F0E8) rather than cold white — it reads like candlelight, not fluorescence. Cards are layered dark chocolate (#1A1816) sitting above the background with elevated shadows that create depth without borders. Category filter pills are fully rounded with a filled accent state that makes selection feel satisfying. Restaurant and dish names use Syne — a geometric bold with personality that commands attention at large sizes. Body copy and metadata use DM Sans — clean, legible, unpretentious. Delivery time and price are always the same size as the restaurant name — never an afterthought. Every card must have a food photograph as its soul; the UI is merely the frame. The overall feeling is: you opened the app, you're already hungry, you've already ordered.

Color palette

Typography

Headings: Syne · Body: DM Sans

Design inspiration

Uber Eats (clean layout, fast browsing, clear pricing hierarchy), DoorDash (bold food photography, appetite-driven card design), Airbnb (immersive photography cards with overlaid metadata)