Volume 1 of Storefront Lookbook --

Dec 2, 2022

The following designs can be developed without touching a single line of code. These designs demonstrate the creative power that Storefront as well as its range of extensions provides. In volume 1 we're looking at the shop page in particular.

Book store

For a book store we've selected a neutral hue palette, and a serif typeface to create a formal and dependable look. The width should be set to the same as the browser and displaying the products in four rows allows you to display plenty of products per page.

Additionally, we have added a noticeable search bar to the widget's header area, allowing users to find quickly the item they're seeking.

To achieve this look, you'll require the following extensions:

Stores for fashion

The majority of fashion stores have a minimalist, monotone design which allows for the photography of products to really pop and grab the attention of. A simple design and colour scheme is very straightforward and could yield amazing results with the right collection of merchandise.

We show the versatility of the header widget region by showing some compelling advertisements, enticing customers to purchase your goods.

This look can be created without any extensions.

Tech store

The tech store could offer software or other digital items. This is a bright color scheme and visually striking colors to create modern design. Often times tech products reputations preceding them. Removing the bar immediately takes visitors within your catalogue of product. This is especially useful when you're selling a smaller range of items rather than an enormous catalogue.

To create this look you'll require these extensions:

The store is open for business in autumn.

The sidebar can be removed in the case of a smaller inventory of goods and having less and fewer items per row can really help your product photography shine. This is especially useful if you're selling products that are dependent upon photography in order to sell the items. Handmade items are the perfect illustration of this. Images of large size can help showcase the skill that is displayed.

By adding a fall-themed background image with a fall-themed color scheme, and centrally aligning/refining your site header design will make it look more inviting and professional with minimal effort.

For this style, it is necessary to use the following extensions:

Stores with a sense of humor

Combining abrasive textures with the industrial and utilitarian fonts could create character and establish an the style. It is a great idea for counterculture stores selling items that are not mainstream. Subtle Patterns is a fantastic resource for discovering amazing, tiled textures. Don't get too extravagant and remember - the less you have, the better!