Fizz

A bright cosmetics store with hot pink buttons, a lime tag strip and product cards that show shades and star ratings.

your-store.com
Open the full preview

Fizz is built for a colour cosmetics brand that sells a lot of shades. The header keeps the logo on the left and the menu in the middle, and the full-width banner under it leads into a strip of scrolling tags. Shoppers can pick a concern from the round icons, browse a four-column grid with shade swatches and ratings on every card, and put together a set of three products at a discount. Further down the page, the reviews section shows a rating summary with a bar for each star level, followed by customer photos and a social grid. Headings use Unbounded and the body text uses DM Sans.

Fizz works for makeup, nail polish, hair colour and other products that come in many shades and sell on reviews.

Headings
Unbounded
Body
DM Sans
Corners
Round
Text size
100%
Spacing
100%
Sections on the home page
  1. 1Rotating announcements
  2. 2Header with centred menu
  3. 3Full-width banner
  4. 4Scrolling tags
  5. 5Round category icons
  6. 64-column grid, swatches and ratings
  7. 7Featured product
  8. 8Build a set
  9. 9Star reviews
  10. 10Customer photos
  11. 11Social grid
  12. 12Newsletter banner
  13. 13Footer with large logo
Open the full preview