OSSA
An invented apparel brand, built to show what a limited drop actually has to do once you look past the homepage. Nothing here takes payment.
The problem it answers
Most storefront demos track stock per product. Real drops sell out by variant: the black tee in XS goes while the same tee in L sits there. Every interesting behaviour on a product page follows from that one modelling decision, and a demo that skips it skips the work.
Decisions worth explaining
No framework. Six products and one cart do not justify a runtime, a bundler, or a dependency tree to keep patched. Three files load instantly and will still run in five years.
No real checkout. On a hosted platform the checkout belongs to the platform, and it is the most tested part of the stack. Replacing it is how stores lose money. The button here is a stub on purpose.
Garments are SVG, not photography. No stock imagery and no licensing, and it makes a real point: choosing a colour recolours the piece, which is the variant-to-media link a catalogue needs.
Stock is a default plus overrides. Ninety hand-written variant rows would be noise. { default: 9, overrides: { 'Black / XS': 0 } } says the same thing and stays readable.
What it does
- Six products, one of them entirely sold out.
- Colour and size pickers with live per-variant stock, a size guide and fabric details.
- Unavailable combinations are struck through rather than hidden, because visible scarcity is information a shopper is owed.
- A cart drawer capped at real stock, with free-shipping progress, that survives a reload.
- Back-in-stock capture on sold-out variants, and a newsletter form on the catalogue.
Craft notes
- Product URLs are real, shareable, and the back button works.
- Runs from the filesystem: no install, no build step, no server.