> For the complete documentation index, see [llms.txt](https://docs.notionapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.notionapps.com/use-cases/catalogue.md).

# Catalogue

## Build this

A public product/service catalog as image cards (**Grid**) with **Details** for description and price.

## Notion setup

* **Products / Services** — Name, Image, Price, Category, Description
* Keep card fields minimal; put the rest on Details
* Consistent image ratio across rows

## Screens to add

1. Category or all-items **Grid**
2. Product **Details**
3. Optional inquiry **Create Form**
4. Optional Media Gallery on Details

## Build path (15–30 minutes)

1. [Grid view](https://docs.notionapps.com/screens-and-components/grid-view)
2. [View Types](https://docs.notionapps.com/screens-and-components/customize-a-screen/view-types-list-grid-calendar-board)
3. [Media Gallery](https://docs.notionapps.com/how-to-guides/media-gallery)
4. [Publish & share](https://docs.notionapps.com/publish-and-share)

## Common pitfalls

* Inconsistent image sizes
* Cluttered Grid cards
* No empty state when a category filter returns nothing

## Verify

1. Browse catalog as a guest on phone.
2. Open Details; confirm price/description.
3. Submit inquiry form if enabled.

## Related

* [Business Portfolio](https://docs.notionapps.com/use-cases/business-portfolio)
* [Employee Directory](https://docs.notionapps.com/use-cases/employee-directory)
* [Use Cases overview](https://docs.notionapps.com/use-cases/use-cases-overview)