01
Clear product facts
A live catalog should publish manufacturer-verified ingredients, nutrition, sizing and safety guidance in plain language, with health claims reviewed before launch.
About
Built for the
whole household.
KIBBLE is a demonstration storefront for a multi-pet household: expressive photography, plain-language filters, transparent interface states and an honestly labelled checkout journey that never pretends to place a real order.
Why we exist
Pet food shopping shouldn't need a decoder ring.This sample catalog demonstrates how species, life stage, diet and protein can be exposed as plain filters instead of being buried in fine print. Production data must still be verified against each manufacturer and reviewed for suitability.
02
Honest by default
Nothing here pretends to be a backend it isn't. The cart is real, the checkout total is real math, and the confirmation says plainly that no order is placed.
03
Considered, then disciplined
A calm palette and a strict grid, with motion that always has a reduced-motion twin. The craft is in what's left out, not piled on.
How this shop is built
All imagery is self-hosted and illustrative, converted to compact WebP and served from this domain. A production catalog must pair each SKU with verified product photography; no external image hosts or hotlinking are required at runtime.
The storefront runs entirely in your browser: no backend, no API calls. Adding to cart and placing an order update local state directly, persisted to this browser's localStorage — instant, and honestly labelled as a demo. Nothing is ever charged and no order is transmitted anywhere.
The five filters
Every field below is declared once, in one data file, and the shop keeps working:
pet
Pet
Dog · Cat · Small Pet
lifeStage
Life Stage
Puppy·Kitten · Adult · Senior
diet
Diet
Grain-Free · Raw · Prescription · Everyday
protein
Protein
Chicken · Salmon · Beef · Lamb · Plant
type
Type
Food · Treats · Toys · Beds · Grooming · Health