# Velvet & Vellum

[Velvet & Vellum](https://apparel-highticket.mock.shop/llms.txt) is a [mock.shop](https://www.mock.shop/) sample store for building against a small luxury fashion boutique with coats, jackets, dresses, a clutch, and fragrance before a real Shopify store is ready. There are eight products across two collections. Products have two or three variants, using Hardware Finish, Fabric Weight, or Size; prices stay the same across each product’s variants.

mock.shop is an auth-free Shopify Storefront GraphQL API backed by sample reference stores. Find out more about [mock.shop sample stores](https://www.shopify.com/blog/mock-shop).

## When to use this store

Choose Velvet & Vellum when you want to build a small luxury boutique for coats, evening dresses, a clutch, and fragrance. Product pages can show hardware, fabric weight, or size choices without changing each item’s price.

Use Velvet & Vellum for:

- Building a luxury apparel product page with specialty variant selectors like Hardware Finish and Fabric Weight
- Testing collection browsing and filtering across two curated editorial groupings
- Verifying product display and cart flows with a compact eight-product catalog

Choose another mock.shop store if you need a larger clothing catalog, combined size and color selectors, or variant-dependent prices. Browse <https://mock.shop/llms.txt> to find a store that matches your catalog.

## Example Velvet & Vellum query

Here’s an example GraphQL `POST` request that retrieves options and variant prices for one product from <https://apparel-highticket.mock.shop/api>:

```bash
curl https://apparel-highticket.mock.shop/api \
  -H 'Content-Type: application/json' \
  --data '{"query":"{ product(handle: \"minimalist-pewter-long-overcoat\") { id title options { name values } variants(first: 20) { pageInfo { hasNextPage } nodes { id title selectedOptions { name value } price { amount currencyCode } compareAtPrice { amount currencyCode } availableForSale } } } }"}'
```

This query retrieves Minimalist pewter long overcoat, including option values, variant IDs, selected options, availability, and current and compare-at prices. Use the selected variant’s ID and price when adding it to a cart.

The endpoint doesn't require authentication or an access token. Read <https://apparel-highticket.mock.shop/llms.txt> for catalog details and store-specific instructions.

## What this catalog lets you test

Build a compact luxury fashion storefront with collection browsing and product pages that use more than conventional garment-size labels. The Minimalist pewter long overcoat has Matte Gold and Oxidized Silver Hardware Finish choices. Other products use Fabric Weight or Size; each item has two or three variants with the same price. The eight products form two four-product collections, Architectural Outer Layers and Essential Evening Form, and one product has compare-at prices. Use the returned product titles to describe the range: the items categorized as sweaters are named as a jacket and a coat.

Preview the catalog in a storefront by opening <https://apparel-highticket.hydrogen.mock.shop> in a browser.

![Velvet & Vellum product page for Minimalist pewter long overcoat, $500, showing front and back overcoat views, with a Hardware Finish selector (Matte Gold/Oxidized Silver) and Add to cart button](images/velvet-and-vellum-minimalist-pewter-long-overcoat-20260911.webp)

## Build with an AI coding tool

To build a luxury fashion storefront with Velvet & Vellum using Claude, ChatGPT, Cursor, Lovable, or another AI assistant, copy the prompt below. It gives the assistant the store domain and directs it to the catalog instructions before it starts writing code.

```text
Build me a Hydrogen storefront using apparel-highticket.mock.shop as the store domain. Setup instructions: apparel-highticket.mock.shop/llms.txt
```

Shopify also provides a [mock.shop starter project](https://github.com/Shopify/mock-shop-starter): a Hydrogen storefront with product pages, collection browsing, and a working cart already connected to mock.shop. You or your AI coding tool can customize this code instead of building those pieces from scratch.

Follow the repository’s setup instructions, then set `PUBLIC_STORE_DOMAIN=apparel-highticket.mock.shop` in `.env` and restart the dev server to use Velvet & Vellum’s catalog. Leave `PUBLIC_STOREFRONT_API_TOKEN` empty; mock.shop doesn’t require a token.

## Move to a real Shopify store

mock.shop uses fictional, read-only catalog data. Cart operations work, and checkout is mocked: no payment is taken and no real order is placed. The Customer Account API isn’t supported.

When you’re ready to launch, point your storefront at a Shopify store and add that store’s public Storefront API token. If you don’t have a Shopify store yet, [start a Shopify free trial](https://www.shopify.com/free-trial) to create one.

Read the [mock.shop developer documentation](https://shopify.dev/docs/storefronts/headless/mock-shop) for setup and migration details.

## Store facts

| | |
|---|---|
| Store handle | `apparel-highticket` |
| Catalog model | Small luxury apparel and accessories boutique |
| Products | 8 |
| Collections | 2 |
| Categories | 5 |
| Variants per product | 2–3 |
| Compare-at prices | 1 product |
| Requires shipping | All products |
| API endpoint | <https://apparel-highticket.mock.shop/api> |
| Store instructions | <https://apparel-highticket.mock.shop/llms.txt> |
| Browser preview | <https://apparel-highticket.hydrogen.mock.shop> |