← back to the gallery

MetaMusic: metadata platform with blue modular storytelling

Tier
inspiration
Roles
hero, explainer, feature, process, offer, footer
Feel
light, saas, playful
Motion
pan, reveal, drift
Source
public-site
Site
https://metamusic.ca/
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/f003eefe-bddc-4be6-879c-5d0c78496991.mp4
both: https://metamusic.ca/

What it does

A large metadata headline and outlined connection line introduce blue and white action cards, followed by audience guidance, a deep-blue benefits region, release examples, and an instructional grid.

Section roster

1. Metadata introduction. 2. Account and help cards. 3. Audience explanation. 4. Deep-blue benefit cards. 5. Release case example. 6. Instructional guide grid.

Why it works

Connection-line graphics make the data theme visible, while alternating white and deep-blue regions create a clear sequence from invitation to explanation.

Source and capture notes

Refero [style page](https://styles.refero.design/style/6ffe7b61-a418-4cbd-9e7a-a5129db6c589) and [recorded video](https://images.refero.design/styles/refero.design/video/f003eefe-bddc-4be6-879c-5d0c78496991.mp4); [live site](https://metamusic.ca/) 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 site includes updated service examples, a learning section, and newsletter ending in place of some recorded guide content.