Please help me create a 360×800 prototype, and add the following sections in order:
Add a banner carousel using the image "Banner Carousel.png", and keep the size at 360×132.
Add the services tiles using "Service Tiles.png", size 360×172.
Add the "Your Voucher" section using "Voucher Swimlane.png", size 360×170.
Add the Flash Sale section using "Enhanced Card Swimlane.png", size 360×256.
Add the Past Purchase section using "Swimlane - Past Purchase.png", size 360×252.
Add the Weekly Promotion section using "Store Weekly Ads.png", size 360×251.
👉 Please keep 16px padding around each section.
Loading...
Add a header using the image "Top nav - Default Show.png". Please keep 16px padding around each section.
Set the background color to white.
Add a "Recommended for You" section below the Weekly Promotion section. This section should include:
A title: "Recommended for You"
Chips (you can come up with some example categories)
Product cards displayed in a vertical layout
For the chips:
They should be horizontally scrollable
Please leave 16px left and right padding for the chips section
Each chip should have 8px spacing between them
Loading...
Please make sure all images that are currently overflowing to the right are properly contained within the screen.
The screen height should be set to 800px.
The "Recommended for You" title should have:
Font size: 18px
Line height: 24px
Font family: Lato
Bold weight
The product cards under the "Recommended for You" section should use the image "products 1.png". You can generate 10 items vertically.
The chips should be clickable.
Active style:
Background color: #E8F0FD
Border: 1px solid #1454B8
Text color: #1454B8
Inactive style:
Background color: white
Border: 1px solid #CCCCCC
Text color: #333333