Catalogs and menus
Choose a Catalog Design That Fits the Products
Choose a catalog theme by product type, image quality, information density, and customer browsing behavior.
Make the catalog feel like the business without reducing readability.
Choose by product behavior, not by favorite color
Image-led retail products benefit from taller photography and editorial layouts. Food menus need clear prices and appetizing images. B2B components need structured names, specifications, and calm spacing.
Start with the way customers compare products, then choose the visual style.
Use overlay themes only with strong images
Overlay layouts place names and prices over the image. They look premium when photos have a clear subject and enough dark or quiet space behind the text.
If images are inconsistent or contain busy backgrounds, choose a layout that keeps text outside the image.
Treat the catalog theme separately from the chatbot theme
The catalog has its own design selection. It can match the brand without copying every color or effect from the public chatbot.
The mini assistant still receives theme colors from the chatbot so the conversation remains connected to the same business identity.
Test the longest real content
Preview long product names, large prices, many tags, portrait images, and items without images. Test desktop and mobile before publishing.
A good theme remains readable when the catalog contains real data, not only the sample thumbnail.
Quick checklist
- The theme matches how customers compare products?
- Text remains readable on real images?
- Long names and prices fit?
- Tags scroll without increasing card height?
- The product detail sheet works on mobile?
- The theme was tested with reduced motion?