← back to the gallery

Mage: bright data-platform explainer with dark interface demos

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, offer, footer
Feel
light, saas, playful
Motion
pan, reveal
Source
public-site
Site
https://www.mage.ai/
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/38900b72-d1f4-4484-be2b-83a200ebdc10.mp4
both: https://www.mage.ai/

What it does

The recorded data-platform page uses a colorful illustrated hero, a large dark interface demo, compact use-case cards, a platform diagram, and pastel capability panels.

Section roster

1. Illustrated data-work hero. 2. Dark interface demonstration. 3. Workflow cards. 4. Platform architecture diagram. 5. Pastel capability panels. 6. Closing platform invitation.

Why it works

Illustrations make the platform approachable while dark interface panels provide technical substance; the architecture diagram connects the feature list into a system.

Source and capture notes

Refero [style page](https://styles.refero.design/style/ba07accb-b2cc-4ad9-a25f-c50b0f90f34e) and [recorded video](https://images.refero.design/styles/refero.design/video/38900b72-d1f4-4484-be2b-83a200ebdc10.mp4); [live site](https://www.mage.ai/) 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 opens with floating geometric forms and a left-side navigation rail rather than the recorded illustrated team scene.