← back to the gallery

Arcade: electric-blue product-story hero and floating demonstration panels

Tier
inspiration
Roles
hero, proof, explainer, feature, process
Feel
light, saas, premium, depth
Motion
pan, reveal
Source
public-site
Site
https://arcade.software/
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/79b649a5-b979-440e-95ea-e0f4032d5bc2.mp4
both: https://arcade.software/

What it does

A rounded electric-blue gradient hero centers a product-story statement above a small mode selector and input. Customer identities lead into a large demonstration window with smaller floating overlays. Pale gray and lime explanatory blocks, compact tool panels and a sequence of example screens explain the creation workflow.

Section roster

1. Rounded blue-gradient hero. 2. Mode selector and input. 3. Customer-logo proof. 4. Large demonstration with floating overlays. 5. Lime product-knowledge panel. 6. Compact tool example. 7. Creation workflow screens.

Why it works

The blue hero makes the opening distinct, while repeated interface windows demonstrate the product. Floating overlays add hierarchy and depth without replacing the explanatory copy.

Source and capture notes

Refero [style page](https://styles.refero.design/style/f65b0b91-bdd1-458d-8775-2f6fa8a9d4b1) and [recorded video](https://images.refero.design/styles/refero.design/video/79b649a5-b979-440e-95ea-e0f4032d5bc2.mp4); [live site](https://arcade.software/) 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 current opening emphasizes AI product videos and includes a revised headline. The recording describes the earlier product-story wording.