Online Food And Grocery Ui Kit

This food & Grocery UI kit is easy to implement and will help your online business to grow.

Product information

Farm Shoppe mobile UI is special designed for the businesses which sells products releted to grocery. Every bussiness needs mobile app for its customer. We have designed app screens for specially for grocery business. We crafted it by summurizing feedbacks of business and prepared its UX & UI as well.

View Prototype

App color information

You can customize the color of the application as per the colors given below

#006341

#08c25e

#808080

#202020

#ffb930

#ffffff

List of screen

App icon with Mobile App screens(total 35+ Screens for Light mode)

Technical information

Down below you can see all the technical information about this UI.

All screens are included in single Figma file.
All Light mode's screen are gathered in "Online_Food_And_Grocery_Ui.fig" which can be found from "Fig-Light" directory.
You can edit Or resize all screen as per your need.
It include vectors for all icons except product image.
All screen are designed in 375x812.

Design specifications

App icon with Mobile App screens (total 30+ Screens for Light mode)

Easy to understand layouts

Prototype included

Well organized guides

100% Scalable Vectors

Symbol & Layer organized.

Easy Customisable Figma file.

Full beautiful SVG icon Pack

Well-documented Help file

Software used to craft design

Figma. You need to have a basic knowledge about Figma. To more about Figma and best tutorials to start with

Figma Official Youtube Channel https://www.youtube.com/c/Figmadesign/
Figma site https://www.figma.com/
Figma Tutorials https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4
Image Used (Image Courtesy) freepick.com

Use Fonts:Poppins Regular, Poppins Medium, Poppins SemiBold
Use Fonts Link:https://fonts.google.com/specimen/Poppins
Note, Special Mention:All the images in the preview are place holder only & We want to give credits to the authors for their wonderful images.

Design specifications

App icon with Mobile App screens(total 35+ Screens for Light mode)

Light mode screen

Branding.png

Color.png

Assets.png

Product Description.txt.

Read-me.txt.

Technical Description.txt

Fonts