S-03 · Site recreations · 2026-09-28
Ninefold Coffee
Blue Bottle Coffee Korea recreation
Recreation of a coffee bean and gear store in 83 pages, with a shopping drawer, cart and cafe guide
How it was made
The original is a commerce site that keeps its brand tone on top of the default Shopify theme. It has only five moving elements and two easings.
So we spent our time matching spacing values rather than motion. 5 of the 6 home sections match to the pixel.
The document height differs by 33px between the original and the recreation. The wide letter-spacing (0.12em) of the Korean labels is carried over too.
The shopping menu is a click drawer that opens from the left. Hovering a bean card shows flavor notes and roast level.
Key features
- 2-level shopping drawer
- Cart · quick add · product options
- Cafe guide · blog · FAQ
- Header hide
Where and how to use it
Suits own-brand online stores for food, beverage and lifestyle brands with dozens of products. Collections, detail, cart and store guide are included.
Industries
- Coffee and tea brands
- Bakery and food D2C
- Household goods stores
Reusable screens and features
- Click drawer menu
- Collections and filter
- Cart drawer
- Store guide
Points to check
Product photos shot under the same lighting on the same background are needed to get the original's tidy impression.
After reading the document
The live site opens in a new window.
Go to site(opens in new window)