← back to the gallery

Clay: dark relationship-platform landing with glowing orbital interface graphics

Tier
inspiration
Roles
hero, feature, explainer, proof, closing
Feel
dark, light, depth, premium, saas
Motion
drift, pan, reveal
Source
public-site
Site
https://clay.earth/
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/b2eb55ae-9e5f-4571-b534-caa875476ccf.mp4
both: https://clay.earth/

What it does

A dark centered headline and contact-management screenshot are wrapped in glowing orbital lines. Cream interface sections, a colorful concentric network scene and connected profile nodes continue the relationship-management story.

Section roster

1. Dark relationship hero. 2. Contact interface screenshot. 3. Cream detail section. 4. Orbital network scene. 5. Connected profile nodes. 6. Proof and closing.

Why it works

Orbital lines provide a visual metaphor for a contact network while the screenshot keeps the product concrete. Alternating luminous dark scenes and quiet cream interfaces preserves contrast across a long page.

Source and capture notes

Refero [style page](https://styles.refero.design/style/1a03b8d7-9204-4c16-ad3c-16306f99fba9) and [recorded video](https://images.refero.design/styles/refero.design/video/b2eb55ae-9e5f-4571-b534-caa875476ccf.mp4); [live site](https://clay.earth/) 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 live page at this URL now uses Mesh branding while retaining a similar orbital relationship-management presentation. Clay is the recorded inspiration identity.