← back to the gallery

Atoms: black industrial portfolio with a bronze modular symbol

Tier
inspiration
Roles
hero, proof, capability, footer
Feel
dark, premium, minimal, warm
Motion
pan, reveal
Source
public-site
Site
https://atoms.co/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/8e7caba7-0fb9-45a9-87a6-80226fafafb8.mp4
both: https://atoms.co/

What it does

A small wordmark and sparse navigation frame a large bronze symbol assembled from rounded square segments. A short physical-automation statement sits directly below it. Scrolling leads into a fine-lined company grid with pale abstract identities and compact descriptions on the same black canvas.

Section roster

1. Sparse wordmark and navigation. 2. Bronze segmented symbol. 3. Short industrial positioning statement. 4. Company identity grid. 5. Compact company descriptions and external links.

Why it works

The segmented symbol supplies a strong focal point without a busy hero. Reusing the black field and restrained company captions keeps the portfolio coherent while individual identities provide variety.

Source and capture notes

Refero [style page](https://styles.refero.design/style/4433dfe7-315a-4459-bfd7-f59ccdc09bad) and [recorded video](https://images.refero.design/styles/refero.design/video/8e7caba7-0fb9-45a9-87a6-80226fafafb8.mp4); [live site](https://atoms.co/) checked on 2026-10-06. 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 concentrates on the hero and company overview. Current company text and navigation have expanded.