Product page example · Home & garden

Home and garden product page example: a self-watering planter

A product page for Orbleaf, a fictional planter brand. It opens on the problem the pot solves, then explains the reservoir, which plants it suits and the three glazes.

Page type
Product page
Canvas
Desktop · 1280 px
Sections
7
Brand
Orbleaf (demo brand)
Full-page screenshot of Orbleaf: self-watering planter, three steps, glazes and care

Download and usage details

Files
HTML + CSS · images included
Usage
Free to edit and use in personal and commercial projects. Attribution is optional. Do not resell or redistribute the templates themselves as templates.
Forms, if included
They look complete but do not send anything. Point the form at your own form service or email tool before you publish.
Fonts
Fonts load from Google Fonts
Demo content
Every brand is a fictional demo brand, and the copy was written for that demo. Replace product facts, offers and any testimonials with your own, and check every claim before you publish.
All templates →
01 / THE BRIEF

What we typed

A product page for the Orbleaf Planter: a 15 cm glazed ceramic pot with a hidden water reservoir and a small window that shows the water level. Open with the problem it solves in one sentence: plants dying because you forgot to water them. Then cover: how the reservoir works, in three simple steps; which plants it suits (common leafy houseplants such as pothos, monstera and peace lily) and which it does not (cacti and succulents); the three glaze colours (sand, sage and charcoal) and the size; what comes in the box; a few care tips. Price: $34, free shipping on orders over $50. Main action: Buy on the Orbleaf store. Do not state how long a full reservoir lasts or any other figure we have not given you. Do not invent customer reviews, star ratings, sales numbers, percentages or awards. In the footer, add one line: Orbleaf is a demo brand created to show what Octet Prow can build. It is not a real company and nothing here is for sale.

02 / DESIGN SYSTEM

Orbleaf — Glaze & Waterline

  • primary · #3E7A5A
  • secondary · #3A6E93
  • tertiary · #B66A45
  • surface · #F5F8F5
  • outline · #8E9C92
  • inverse · #1F2A23
  • Serif · Fraunces
  • Sans · Nunito Sans
  • Mono · IBM Plex Mono

Generated once for the project from its brief. Every page in the project follows it.

03 / STRUCTURE

How the page is put together

  1. OpeningPlants die because you forget to water them.The problem in one sentence, the pot, the price and the buy action.
  2. 01Three steps, done onceHow the hidden reservoir works, in three steps beside a cross-section.
  3. 02Good for leafy drinkers. Wrong for cacti.Which plants it suits and which it does not.
  4. 03Three glazes, one sizeThe three glazes and a short spec table.
  5. 04Everything you need on arrivalWhat comes in the box and what does not.
  6. 05A few things worth knowingA few care notes.
  7. 06One planter, $34. Free shipping over $50.The buy block with shipping terms.
04 / REVIEW

What we checked and changed

The brief already told it not to state how long a full reservoir lasts, because we had no figure for it. After generation, one glaze carried a "Most picked" badge with no sales data behind it, so we asked the editor to remove the badge.

MORE EXAMPLES
MAKE ONE LIKE THIS

Start from your own product and the question your readers ask.

Start creating