Volume 1 of Storefront Lookbook --
These designs are made without having to touch the code and help show the creativity that Storefront as well as its range of extensions provides. Volume 1 looks at the store page in particular.
Book store
For a book store we've picked a light colour palette and serif typeface to create a formal and dependable look. Set the width to be in line with the browser and displaying products in rows of 4 will allow you to show a large number of merchandise each page.
We also added a prominent search bar in the header widget region allowing users to find quickly what they're searching for.
To achieve this look, you'll require the following extensions:
Fashion store
The majority of fashion stores have a minimalist, monotone design that allows product photos to really pop and grab interest. Using a simple style and color scheme is simple and can achieve great results with the right catalogue of items.
We show the versatility of the widget's header through displaying some powerful messages, compelling users to buy your product.
This look can be created with no extensions.
Tech store
The tech store could sell software, or any other digital goods. We have used a lively design and striking colors to create an elegant look. Sometimes, the reputation of a tech product preceding them. Removing the tabs immediately immerses users in your product catalog. This works great if you have a small collection of items instead of a gargantuan catalogue.
To create this look it is necessary to use the following extensions:
The store is open for business in autumn.
Removing the sidebar works great when you have a small catalogue of items and showing fewer and fewer products per row can really help your product photography stand out. This is especially useful if you're selling products that rely on photography to market the items. Handmade items are a perfect example of this. The large product imagery can help showcase the skill on display.
Adding a seasonal background image with a fall-themed color scheme, as well as centrally aligning or refining your website's header design will make it feel friendly and on-point without a lot of effort.
To achieve this look, you'll require the following extensions:
Store that is a bit of a joke
Mixing rough textures with modern, utilitarian typefaces may help add character and define the style. This is particularly effective in counterculture shops that sell less mainstream products. Subtle Patterns is an excellent resource to discover amazing, tiled textures. But don't go overboard And remember, smaller is better!
For this style, it is necessary to use the following extensions: