# See it in 3D | #10 Labs

An invented product on a demo page. Nothing here is for sale, and the model is a conceptual visualization, not a measured one.

## Quillon Tea Co.: The Steep Set ($48)

Everything for a slow cup in one keepsake box: a tin of loose leaf, a stoneware cup, a walnut scoop and a card that says how long to wait. Box colors: Harbor, Sand, Coral.

### What's inside

- **Lift-off lid**: A rigid board lid with a wrapped edge. It sits snug, so the box stays useful after the tea is gone.
- **Cotton ribbon**: Tied once at the factory, easy to slip off and keep.
- **Loose leaf tin**: 50 grams of an invented house blend, about 20 cups. The lid presses on and seals.
- **Stoneware cup**: Holds 8 ounces. Glazed inside, bare clay on the foot.
- **Walnut scoop**: One level scoop is one cup of tea.
- **Steeping card**: Water temperature and time on one side, a note from the blender on the other.

- Size: About 9 by 7 by 4 inches, closed
- Weight: 1.4 pounds
- Box: Recycled board, soy inks

## How this goes onto a real product page

Shopify treats 3D models as product media, next to your photos and video. Here is the path we would take for one of your products.

1. **Make the model**: We build a GLB file of the product, from your CAD files, a photo scan, or from scratch in code the way this box was. Smaller is better: this whole viewer, model included, loads in about the weight of two product photos.
2. **Upload it as media**: In the Shopify admin, a GLB goes into the product's media like a photo. Shopify shows it with a turn-and-zoom viewer and, on phones that support it, a View in your space button.
3. **Add the extras**: Opening, hotspots and color swaps are not part of the standard viewer. We add them with a theme section that loads the same model and the part notes from product metafields, so your team edits the words, not code.
4. **Measure it**: We track how many visitors turn the model and whether they buy more often, so you know if it earns its place.

### Where AI helped

- We described the box, its parts and how it should open in plain words, and AI wrote most of the three.js code that builds it from simple shapes. No 3D modeling software was used.
- AI drafted the hotspot placement and the opening animation; we tuned the timing, colors and camera by eye.
- People wrote and checked the copy, tested it on phones and laptops, and decided what to leave out.

A viewer like this explains how a product looks and opens. It is not a measured model or an engineering simulation.

## Have a product that photos don't explain?

Tell us what customers keep asking about, and we will tell you if 3D would answer it. [Talk to us](https://nr10.com/contact/)

Human version: https://nr10.com/labs/3d-product/