← back to the gallery

Metalab: minimal moving-interface studio intro

Tier
inspiration
Roles
hero, proof, capability, closing, footer
Feel
light, dark, premium, minimal
Motion
kinetic, reveal, pan
Source
public-site
Site
https://metalab.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-09-25
Captures
frames: https://images.refero.design/styles/refero.design/video/8a787f53-5e65-4805-97ef-ef094c07610b.mp4
both: https://metalab.com/

What it does

A product-design studio opens with unusually sparse words around a moving dark interface object.

Section roster

1. We Make Interfaces hero. 2. Central animated interface media. 3. Studio and work navigation. 4. Selected product-design proof.

Why it works

The negative space makes the animated product surface feel deliberate.

Source and capture notes

Refero [style page](https://styles.refero.design/style/da087e69-8832-418a-aa1b-42e1acabb39e) and [recorded video](https://images.refero.design/styles/refero.design/video/8a787f53-5e65-4805-97ef-ef094c07610b.mp4); [live site](https://metalab.com/) checked on 2026-09-25. The recording is a point-in-time reference; current site content may differ. Motion and layout notes come from sampled frames and an automated live capture, not interaction testing. The sampled recording concentrates on the hero; it gives limited evidence of later page sections.