15 Designs, Ready to Install

Rotating One line; your messages take turns.Verenne Uses This

Ticker Your messages move across in a continuous line, and stop when touched.Kosha Uses This

Message and Links Your message on the left; Track Order, Gift Cards and WhatsApp chat on the right on wide screens.

Closable A slim bar shoppers can close; it stays closed on their next visits.

Countdown Your message with a live clock to its end time: a sale's last hours, counted down.

Two Lines A taller bar: your message in bold, its link's words as a second line under it.

Icon Strip Your messages side by side across the bar, each with a matching icon.

With Arrows One message at a time, with arrows to step through them.

Split Band Two messages side by side in two tones on wide screens; they take turns on phones.

Centred Tag A small framed tag in the middle of a quiet bar, like a launch note.

Classic Logo on the left, the menu beside it, the icons on the right.Kosha Uses This

Centred Logo Your logo in the middle, the menu in its own row below.Verenne Uses This

Split Menu Your logo in the middle, the menu split on both sides of it.

Search First A wide search box in the header, the menu in a row below. For big catalogues.

Minimal Only your logo, the bag and a MENU button on every screen. On wide screens the menu opens full screen.

Two Rows A slim row of quick links over the main bar: logo, menu and icons.

Centred Menu Logo on the left, the menu in the middle of the bar, icons on the right.

Floating Bar The header as a rounded bar that floats over the page, with space around it.

Menu Tabs Your menu as one set of tabs in the middle of the bar.

Category Chips Logo and icons in the bar; your menu as a row of chips under it, on phones too.

Columns A wide panel with link columns and pictures.Kosha Uses This

Picture Tiles Each item in the panel as a picture tile, with its links under it.Verenne Uses This

Tabs Main categories in a list; their items show beside the one pointed at.

Flyout A narrow list that opens side lists for deeper items.

Spotlight Your links in columns beside one large picture with SHOP NOW: one thing to look at.

Name Wall Every page in the menu as a named box under its group's name: brands and models at a glance.

Compact Card A small card under the menu item with its groups side by side; the page stays in view.

Full Screen The menu fills the screen below the header, your groups in large display type.

Rows A row per group: its name at the left, its links running across.

Round Pictures Each item as a round picture with its name, centred in a row, like stories in an app.

Full Panel A full-height panel; deeper items slide in from the side.Kosha Uses This

Accordion One list; groups open in place.

Bottom Sheet A sheet that rises from the bottom, with card rows.Verenne Uses This

Picture Cards Main categories as picture cards; a tap opens their items.

Tab Bar An app-like bar at the bottom: Home, Shop, Search, Wishlist and Bag.

Icon Grid Your departments as small icon tiles, three to a row, like an app's home screen.

Full Screen The whole screen, your items large and numbered, fading in.

Picture Rows Each item a row with its picture and a line of what is inside.

Side Tabs Your departments in a rail at the left; the chosen one's links fill the right.

Search First A large search field first, then every department as chips.

Overlay Full screen on phones, a centred panel on wide screens.Kosha Uses This

Dropdown Suggestions open right under the header's search box.

Side Drawer A drawer from the side with suggestions and popular products.Verenne Uses This

Search Page Opens the search page, with a large box and results as the shopper types.

Spotlight A small box high on the screen, like a command palette.

Picture Cards Results and popular products as picture cards.

In the Header The header itself turns into the search field; suggestions drop under it.

Picture Tiles Your menu's pictures as tiles to tap before typing.

With Preview Results beside a large picture of the product pointed at.

Bottom Sheet Search in a sheet that rises from the bottom, on every width.

Columns Your brand and link columns side by side; columns fold on phones.Kosha Uses This

Centred Logo, one row of links and your social links, all centred.

Big Brand An oversized name or logo with a large sign-up box.Verenne Uses This

App Style Full-width rows with icons, like an app's settings list.

Directory Each group of links in one row, its name at the left: compact for many links.

One Line Your logo, links and social links in one quiet line.

Big Sign-Up A large sign-up block across the top, your links in columns under it.

Folding Rows Every group of links folds, on computers too: a short footer that opens on a tap.

Link Cards Each group of links in its own card, side by side.

Brand Story Your tagline large beside the links, like a brand's closing line.

Standard Picture, name and price, with your theme's ADD button.Kosha Uses This

Overlay Name and price over the foot of the picture; ADD shows on hover.

Minimal Picture, name and price, centred, with no buttons.Verenne Uses This

Detailed Rating, colours, a short description and a full-width ADD button.

Framed A bordered card with a tinted picture area and a round ADD button.

Polaroid The picture in a white print frame, the name and price as its caption.

Swatches Large colour chips and the number of colours under the picture, a quiet ADD.

Two Photos The second photo wipes in on hover and swipes on phones; ADD slides up.

List Row The picture left and the words right, with two lines about the product.

Editorial A tall picture, the name in your display font, ADD TO BAG as a text link.

Paper Label A paper label under the photo: its facts, a stamp, pack chips and a price per gram.

Spec Sheet Glass, the key figures as chips, ADD TO BAG by the price and a Compare tick.

Sidebar Filters in a column beside the products on wide screens.Kosha Uses This

Drawer A FILTER button opens the filters from the side.

Top Bar A bar of filters above the products, each opening a small panel.

Chips Quick filter chips and sorting only. Best for small catalogues.Verenne Uses This

Masonry Pictures in three heights, staggered in columns like a mood board.

Feature The first product and every seventh one shown twice the size.

Lookbook Large pictures, two across (one on phones), with the words centred.

Compact A dense grid, three across on phones and up to eight. Best for big catalogues.

Tabs Your categories as tabs over the products; the other filters behind FILTER.

Bottom Bar SORT and FILTER fixed at the foot of a phone, like an app; a sidebar on computers.

Side by Side Photos on the left, the details on the right. Phones peek at the next photo.Kosha Uses This

Stacked Photos Every photo in view, two by two; the details stay beside them as they scroll.

Thumbnail Rail A large photo with a rail of small pictures beside it, on phones too.

Full Width Photos edge to edge across the page; below, the story on one side and buying on the other.Verenne Uses This

Editorial A centred row of photos, then one centred column of details, then your story full width.

Details Left The details on the left in a panel that stays; the photos one under another.

Mosaic The photos as a mosaic, one large with smaller ones beside it; details alongside.

Compact One centred card: a smaller photo with its thumbnails, the details beside it.

Tabs Below Side by side, then your stories, specifications and reviews under a sticky tab bar.

Floating Card A wide stage of photos with the details on a card floating over it.

Round Buttons Round buttons over the photo; after a scroll, a slim bar with the name.Kosha Uses This

Bare Icons Just the icons over a soft shade at the photo's top; after a scroll, a blurred bar.

Logo Bar A solid bar above the photo with your logo; after a scroll it names the product and its price.

Back Only One back button over the photo and nothing else; it stays in reach as the page scrolls.

Capsule Back on its own, the other buttons together in one capsule at the right.

Words BACK, SHARE, SAVE and BAG as words in a quiet strip above the photo.Verenne Uses This

Back Chip A chip naming the list the product came from; after a scroll, the photo, name and price.

Side Rail Back at the top, the other buttons down the photo's right edge, like a reel.

Colour Band A band in your main colour with your store's name, above the photo.

Photo and Name Along the bottom: the photo, the name, the choice and the price, then ADD TO BAG.Verenne Uses This

Floating Glass A floating frosted bar with the price, the choice, BUY NOW and ADD TO BAG.Kosha Uses This

Docked The floating bar's contents on a solid bar along the bottom edge.

Full Width One wide button carrying the price, with the choice as a line above it.

Quantity Stepper The price, a quantity stepper and ADD TO BAG side by side.

Price Capsule A small capsule at the bottom right: the price and a round bag button.

Split Two halves edge to edge: the choice and the price, then ADD TO BAG.

Mini Card A floating card with the photo, the name, the price and a round ADD button.

Two Buttons BUY NOW and ADD TO BAG as two equal buttons, the price under ADD.

Compact Drawer A drawer with tabs and a checkout button, in the store's own button shape.

Gallery Drawer A drawer with framed suggestions, large note and code tiles and a full-width checkout bar.

Bottom Sheet A sheet from the bottom on phones, a drawer on wide screens.

Mini Bag A small panel under the bag icon on wide screens, with the item added and CHECKOUT.

Full Page The whole screen on phones, a wide calm panel on computers, for roomy lines.Verenne Uses This

Side Drawer From the right: the items scroll, the add-on, note, code and total wait by CHECKOUT.Kosha Uses This

Bottom Bar A slim bar at the foot of the screen: the pictures, the total, VIEW BAG and CHECKOUT.

Receipt A slip that drops from the top like a till receipt, with a torn foot.

Split Panel A wide panel: the items on the left, the add-ons, total and CHECKOUT on the right.

Drop Down A band under the header: the items as a row of cards, the total and CHECKOUT at its end.

One Page Every step on one page, the order summary beside it.Kosha Uses This

Steps Contact, delivery and payment one at a time, with a progress bar.

Accordion Each step folds once it is done; one is open at a time.Verenne Uses This

Split Summary The form on one half, the order summary on a tinted half.

Two Columns The steps as cards in two columns, the summary as a band under them.

Minimal One narrow column with no cards, only fine lines between the steps.

Summary First The order summary first: on the left on computers, at the top on phones.

Timeline The steps hang on a numbered line down the left.

Wizard One step per screen, numbered; the summary waits for the last step.

Focused One page with your menus and footer put away, only the logo and SECURE.