Overview
It’s very easy to customize this Figma file to your design preferences, I’ll walk you through some customizations below that you can make instantly.
All components are read and sorted; Easy to add to your designs
This UI kit was built with Figma.
template attributes
- Full width 1440 pixels.
- Grid is based on a system of 1140 pixels (12 columns, 24 pixels, 150 pixels margin).
- SVG icons (24px & 16px).
- A free Google font is used.
- Ingredients page included.
- Text styles are included.
- Color styles are included.
- Shadow styles are included.
- Grid style as above is included.
- 100% customizable Figma files.
- All layers have been named and grouped appropriately.
- Preview images that are not included in the UI kit.
pages
- 01_home page v1
- 02_home page v2
- 03_home page v3
- 04_Product page v1
- 05_Product page v2
- 06_Product page – out of stock
- 07_Product category page without sidebar
- 08_Product category page with filter sidebar
- 09_Product category page with filter sidebar – no products
- 10_search page
- 11_Search page – no results
- 12_Search page – results found
- 13_Cart page – without items
- Page 14_Cart – items in the cart
- 15_Payment page – new user
- 16_Checkout page – logged in user
- 17_Checkout page – added shipping information
- 18_Delivery page
- 19_Payment page
- 20_Payment page – new billing address
- 21_Order confirmation page
- 22_login page
- 23_password reset page
- 24_Create an account page
- 25_My account page
- 26_My account page – no address
- 27_My account page – add an address
- 28_My account page – with address
- 29_My orders page
- 30_My orders page – order details
- Page 31_column blog
- 32_blog page
- 33_single page news
- 34_Contact page
- 35_Contact page v2
- 36_Delivery returns page
- 37_terms and conditions page
- 38_privacy policy page
- 39_FAQ page
- Page 40_404
- Page 41_Reviews
Source of fonts and image credits:
Montserrat font – https://fonts.google.com/specimen/Montserrat
Image – https://unsplash.com/
Source: Envanto Market
Be First to Comment