← back to the gallery

Mike Matas: sparse product-design archive with oversized device imagery

Tier
inspiration
Roles
hero, proof
Feel
light, editorial, minimal
Motion
pan
Source
public-site
Site
https://mikematas.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/92b00ce5-4b2b-4f00-8c90-a80473b6c3d6.mp4
both: https://mikematas.com/

What it does

The recorded portfolio opening places a small name and year at the upper left, a quiet link cluster opposite, and a large laptop beside a phone on a white canvas. The visual focus is the designed interfaces inside real device frames rather than a promotional headline.

Section roster

1. Small name and year identity. 2. Quiet about and social navigation. 3. Oversized laptop interface image. 4. Adjacent mobile interface image. 5. Current live archive continues into credited project entries.

Why it works

Very little surrounding copy gives the device work room to carry the introduction. The asymmetrical device scale establishes a clear lead image while the tiny identity and navigation preserve the feel of an archive.

Source and capture notes

Refero [style page](https://styles.refero.design/style/04f6cb02-de90-4d78-9c5f-0eb52f826484) and [recorded video](https://images.refero.design/styles/refero.design/video/92b00ce5-4b2b-4f00-8c90-a80473b6c3d6.mp4); [live site](https://mikematas.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The source documents the opening device presentation only. The current site includes a longer project archive, and the displayed year is time-sensitive. Project-detail navigation was not tested.