Bold outline icons with rounded corners, friendly expressive emojis, and playful food icons. Buttons with pill shape and soft hover state (scale + shadow).
Subtle grain, dotted patterns, warm gradients (orange to peach). Used in hero backgrounds, footer dividers, and section separators. Adds handcrafted warmth.
MealSwift
📱 Mobile-first approach
Bottom navigation friendly, touch targets at least 44px, fluid grids, flexible typography. Sticky header, postcode checker prominent. Delightful on any device.
⚡🍽️
💬 Brand voice
Friendly, swift, reliable, and slightly playful. "Delivering happiness to your door" — tone is warm but efficient. Short microcopy, food puns, and encouraging CTAs.
"Order now, devour later""Track your feast"
🖌️ Custom illustrations
Minimal line-art, warm orange accent, simplified food icons (burger, pizza, bike). Friendly character illustrations for empty states (cart/orders).
Line-art styleOrange accentPlayful forms
Filter chip
Active chip
2
🎨 Component library snapshot
Pill-shaped primary buttons (orange), ghost secondary, active filter chips, quantity stepper with rounded design. Consistent radius: 40px for actions, 24px for cards.
Border radius systemHover darken 8%
Order #201Preparing
●●●●
📍 Live tracking style
Dark gradient step indicator, orange active step, progress bar, status badges: confirmed, preparing, on the way. Transparency, modern and reassuring.
💳 Card
🍏 Apple Pay
📱 Google Pay
💸 Payment confidence
Clean payment method selection, card input with subtle border-radius, express options. Total highlight with bold orange price. Builds trust and simplicity.
✨ brand essence
"Warmth meets speed"
MealSwift bridges comfort food and modern convenience. Visual identity balances energetic orange with trustworthy navy, smooth interactions, and appetite-driving imagery. The design system is joyful, accessible, and instantly recognizable across all touchpoints.