Крем Coffee Coffee that wakes the city.
A flagship case for a specialty coffee shop: the signature cup leads the guest through the whole site as they scroll, and the recipe of the house raf is taken apart in a video the scroll controls. Editorial serif type instead of the usual grotesque, glass panels with a warm glow, an 18-item menu driven by a single file. Design, code and visuals by InterLAB. The coffee shop is fictional; this is a showcase of the approach.
point cloud · takeaway cup
this isn't a screenshot — that's the real site in the frame · hover to straighten it
The site in motion
What we built — and why
Screenshots of the live demo, not mockups.
The product instead of stock shots
The signature cup stays pinned on screen and leads the guest down the page: it turns, slides to the edge, opens up into a raf. The guest looks at the product itself, not at stock photos.
A menu in a single file
18 items in four sections live in one file: the bar manager edits a line and the site updates at once, with no layout work or developer. The QR code leads to ordering in WhatsApp.
A drink taken apart by the scroll
The raf isn't described in words, it's taken apart into layers: the scroll opens the cup, shows the labels and puts it back together. Scrolling back rewinds it. The video plays natively, so it stays smooth.
Takeaway with no aggregator
The final screen has everything for a visit: address, hours, phone and a takeaway button. The order is assembled in WhatsApp, with no aggregator and no commission.
the pain in this niche
There are plenty of coffee shops — few are remembered
A specialty coffee shop sells taste and ritual, but online it looks like all the rest: a couple of Instagram photos, a menu as an image, orders through DMs. There's nothing for a guest to hold on to — so they pick whatever is closest to home rather than whatever tastes better.
the solution
Show the product, don't describe it
Instead of stock shots, the cup itself: pinned to the screen, living with the scroll, turning and opening. The house raf isn't described in words but taken apart into layers in a video the scroll drives: foam, cream, caramel, double espresso. The guest understands what they're paying for before the first sip.
Palette, type pairing, stack. One niche — one system.
Coffee that wakes the city
Prata is a high-contrast serif with full Cyrillic support: the serifs and hairlines give it an editorial character. Onest is a neutral grotesque for body copy. Contrast comes from the serifs, not from width.
- --bg#572a14terracotta
- --surface#6d3a1droast
- --ink#f5ecddcream
- --accent#f2a43cgold
- --accent-2#ff6a1fcrema orange
stack
Why it's built this way
The product instead of stock photography
01The signature cup is pinned to the screen and lives with the scroll: it turns, moves to the edge, opens into a raf. The guest is looking at the actual product rather than someone else's photos from a stock library.
scroll-choreography
The drink taken apart in a video the scroll controls
02The raf recipe isn't described in words but separated into layers: scrolling runs the video to a full reveal, holds while the labels show, then reassembles the cup. Scrolling back rewinds it. The video plays natively, so it runs smoothly without frame-by-frame stutter.
scroll-driven video
An editorial serif instead of the usual grotesque
03Prata is a high-contrast serif with complete Cyrillic coverage. Lowercase instead of heavy caps immediately lifts how the price reads: specialty should feel more expensive than the kiosk by the metro.
editorial serif
The menu lives in a single file
0418 items across four sections sit in JSON: the bar manager edits a line and the site updates instantly, with no markup work and no developer. Takeaway orders are assembled in WhatsApp, with no aggregator taking a cut.
JSON menu · wa.me
Full disclosure
'Krem Coffee' is a fictional coffee shop: a flagship demo in the InterLAB showroom, with prices and a menu that illustrate the format. The same site for your real business is built with your menu, photos and WhatsApp number.
For a similar business
Want one like this — for your coffee shop?
We'll show you a draft on our subdomain before any payment. Scroll-driven video, a menu from a single file and WhatsApp ordering — just like the demo, but with your drink, your items and your photos.
- Scope and risks estimated before we start
- NDA — yours or ours
- Work starts within a week