← back to the gallery

Refero MCP: white reference-tool landing inside a persistent research-sidebar shell

Tier
inspiration
Roles
hero, explainer, feature, process, offer, closing
Feel
light, minimal, editorial, saas, cold
Motion
pan, reveal
Source
public-site
Site
https://refero.design/mcp
Licence
Captured from the live public site; description only. Unusable Refero recording not retained.
Captured
2026-10-08
Captures
both: https://refero.design/mcp

Measured tokens

Canvas
#ffffff
Ink
#000000
Accent
#13151b

1 sections measured.

What it does

Live-only reference. A persistent research sidebar and query bar frame a centered design-taste introduction. A compact agent example and tool-logo row lead to a knowledge-gap explanation, colorful app-icon material and pale feature cards. Installation steps, a skill passage and a simple pricing panel precede a business invitation.

Section roster

1. Research sidebar and query bar. 2. Centered serif introduction. 3. Agent example panel. 4. Supported tool row. 5. Design knowledge explanation. 6. Colorful app-icon chapter. 7. Pale feature card group. 8. Installation steps and skill passage. 9. Pricing panel. 10. Business invitation.

Why it works

The app-like navigation shell keeps a long marketing explanation connected to the reference product. Small example panels and monochrome actions leave the colorful reference icons as the main visual contrast.

Source and capture notes

Refero [style page](https://styles.refero.design/style/3f296d6e-6a1c-45db-829b-afb078d49ab4) and [recorded video](https://images.refero.design/styles/refero.design/video/e627b564-2668-4480-a8f2-6b1d511964ae.mp4); [live site](https://refero.design/mcp) checked on 2026-10-08. 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 fresh automated live captures; the original Refero video was not retained because its footage was obstructed or incomplete; interactive controls were not comprehensively tested. The original recording contains an incomplete embedded hero and is excluded. The live panel shows an agent example at its captured state; no completed agent response or interactive installation is claimed.