STORE HOMEPAGE · PICTURE CARDS

Every card pulls its own details from the shop: a few product photos stacked in the corner, the lowest price in that category and a red badge when something inside is on sale.

layout: cardsproduct thumbnails“From” priceon-sale badge
ELECTRONICS STORE · DEPARTMENT BROWSER

Hover or tap a department on the left and the panel on the right shows its banner, lowest price, best products and subcategory links. Arrow keys work too.

layout: browserhover to switchproducts with pricessubcategory links
MOBILE SHOP · STORY CIRCLES

The familiar story-ring look: a gradient ring, a sale sticker when something is discounted and a little badge you can add per category. Subcategories like Fitness can join in too.

layout: circlesgradient ringsper-category badgeall levels
LIFESTYLE STORE · COLLAGE BOARDS

Each category becomes a little board of its own products — one big photo, two small — so shoppers see what is inside before they click. Pastel cards take their color from the category.

layout: collagepastel cards3D tiltdescription
TECH MARKETPLACE · ICON TILES

No photos needed: every category gets an icon picked from its name, frosted-glass tiles and a stack of product thumbnails. Perfect for dark, app-like stores.

layout: tilesglass styleauto iconsdark section
EDITORIAL STORE · BIG LIST

A bold typographic index of the shop. Move the mouse over a line and that category’s photo floats after the cursor. On phones each line shows a small photo instead.

layout: hover listfloating photonumberedsale badge
SEARCH PAGE · QUICK CHIPS

Compact chips with a photo, the count and a red dot when something is on sale. Great under a search bar, in a sidebar or at the top of the shop page.

layout: chipspastel & gradientscrolls on phones

201 premium elements, Product Category Grid included.