← back to the gallery

Ragged Edge: fluid colorful hero and brand-case index

Tier
inspiration
Roles
hero, proof, capability, closing
Feel
light, premium, editorial, depth
Motion
drift, pan, reveal
Source
public-site
Site
https://raggededge.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-04
Captures
frames: https://images.refero.design/styles/refero.design/video/f3d30b30-c914-45bc-9515-6021d8c79860.mp4
both: https://raggededge.com/

What it does

A fluid abstract colored hero centers a wide Ragged Edge wordmark, then transitions into a white agency statement and paired brand-project previews with short explanatory columns.

Section roster

1. Abstract animated identity hero. 2. Agency statement. 3. Brand project index. 4. Campaign imagery and captions. 5. Selected case sequence.

Why it works

The vivid opening establishes an expressive identity, while the plain white case index provides a consistent frame for unrelated brand work.

Source and capture notes

Refero [style page](https://styles.refero.design/style/fdc0f631-442c-466d-ab79-e1fff2bfdb7d) and [recorded video](https://images.refero.design/styles/refero.design/video/f3d30b30-c914-45bc-9515-6021d8c79860.mp4); [live site](https://raggededge.com/) checked on 2026-10-04. 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 current project list differs from the recording and ends with happenings, newsletter signup, and studio contact details.