
Summary#
Foodie is a takeaway app with a more dynamic design. Not only does it have a wide variety of food choices like other takeaway sites, but more importantly, it gives you suggestions on what you want to eat from the wide selection.
And here’s what we’re trying to accomplish: Foodie makes your food ordering process enjoyable. Don’t know what to eat? Come and get a hint from our community-curated recommendations and food matches!
Preview interface#
Click anywhere in the preview window to interact with it. Click
< > at the bottom to see all pages, Click the top right corner button to see it full screen.Design system#
Colour scheme#
Mustard Yellow( #F2BE22), our primary color. This attracts attention, especially to our logo and key information.
Deep Green(#22A699), used as Secondary color. It’s used for regular buttons, suggesting nature and tranquility.
To maintain clarity, the background is pure white.
Typography#

- Noto Sans is the primary choice for many designers due to its lively and contemporary feel, making content approachable "
- ‘Roboto’ for headers, this font brings a modern touch, ensuring that titles stand out with a relaxed yet fitting elegance."
Button / Card#
Click anywhere in the preview window to interact with it. Click
< > at the bottom to see all pages, Click the top right corner button to see it full screen.Using rounded edges on buttons and cards, along with matching color themes, makes things look neat and user-friendly.
Group assignment by
