π€ Black&Purp β Dark & Stylish E-commerce UI Template
Build a sleek and modern e-commerce interface with Black&Purp, a premium Figma UI kit with bold dark tones and elegant purple accents. Ideal for fashion, streetwear, and tech-driven brands that want to stand out.
πΌ Whatβs Included:
3 Desktop Pages (Homepage, Product, Checkout)
3 Mobile Pages (Responsive views)
2 Header Designs & 2 Footer Designs
iPhone Mockup Preview Included (PNG)
Built in Figma with clearly grouped and named layers
Uses Inter, a free and clean Google Font
π§ Why Designers Love It:
Easy to customize β even without Auto Layout
Perfect for personal projects, freelance clients, or portfolios
Beautiful dark UI that fits trendy modern brands
Ideal for showcasing work or launching a store fast
Everything you need to present a polished, functional e-commerce site design in a clean and attractive layout β without starting from scratch.
π Youβll receive: .fig file (Figma) π Includes license for personal and commercial use
π 1. Homepage
Hero Section : Headline:
Level Up Your Style Subtext: Discover exclusive streetwear collections designed for bold and modern individuals.
Featured Categories: (Editable)
Casual
Formal
Party
Gym
Header&Footer:
π Now 23/4/2025 have 2 header and 2 footer editable
ποΈ 2. Product Page
Product Name:
Shadow-Tech Hoodie
Description:
Crafted from high-performance fabric, this hoodie brings comfort, utility, and edge into one statement piece. Available in 3 colors.
Options:
Size: S / M / L / XL
Color: Black / Purple / Grey
Price:
$89.00
Buttons:
Add to Cart
Add to Wishlist
Additional Info Tabs:
Details
Shipping Info
Reviews (4.5 β )
π³ 3. Checkout Page
Coupon Button Gift option button Quantity Subtotal
Headline:
Your Cart
Items Table (sample):
Shadow-Tech Hoodie (M) β $89
Street Logo Cap β $29
Total:
$118.00
π± Fully Responsive Design
This UI template was designed with responsiveness in mind, ensuring a seamless experience across all screen sizes.
β Desktop Layouts Enjoy clean, wide layouts perfect for modern screens β ideal for showcasing products in style.
β Mobile Optimized Mobile views are carefully crafted with user-friendly navigation, thumb-accessible buttons, and a clean layout that enhances usability on smaller devices.
All artboards are separate and well-organized to make customization easy for both desktop and mobile versions. No Auto Layout used β perfect for beginners or anyone who prefers full control over spacing and positioning.