Mono

A minimal black and white store with square corners, a search-first header, large product pictures and a spec sheet.

your-store.com
Open the full preview

Mono strips the storefront down to black, white and grey. The header has a menu button and a search field, and the split hero puts one product next to a short paragraph. Products sit in a two-column grid with large pictures and plain text, followed by a statement in large type and a spec sheet for one product. A second grid in three columns, an FAQ and a one-line newsletter form lead into a minimal footer. Headings use Inter and the body text uses IBM Plex Mono, which gives prices and specifications the look of a printed list.

Mono suits design objects, stationery, audio gear and small brands that sell a few carefully made products.

Headings
Inter
Body
IBM Plex Mono
Corners
Square
Text size
95%
Spacing
120%
Sections on the home page
  1. 1Announcement bar
  2. 2Header with search bar
  3. 3Split hero
  4. 42-column grid, minimal cards
  5. 5Brand story
  6. 6Spec sheet
  7. 73-column grid, minimal cards
  8. 8FAQ
  9. 9Newsletter
  10. 10Minimal footer
Open the full preview

More themes

Fizz

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

Blush

A soft pastel skincare store with a centred logo, a slideshow, a routine in steps and an ingredient list.
•Instrument Serif

Noir

A dark fragrance store with gold accents, a video hero, a brand statement in large type and a scent pyramid.
•Cormorant Garamond