Ditto: colorful CSR-copilot explainer

Tier: inspiration
Roles: hero, explainer, feature, proof, closing, footer
Feel: light, playful, saas, editorial
Motion: reveal, pan, stagger
Source: public-site
Site: https://trustditto.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-09-24
Captures: frames: https://images.refero.design/styles/refero.design/video/97159cf7-501e-4c1e-a3e2-8ed785c894d9.mp4
both: https://trustditto.com/

What it does

A corporate-social-responsibility tool page that turns evidence gathering and reporting into a cheerful workflow.

Section roster

1. Yellow impact promise hero. 2. Evidence and project collection. 3. Reporting and stakeholder views. 4. Customer proof and contact close.

Why it works

The cheerful visual system counterbalances administrative work, while dashboard panels show the actual reporting task.

Sources

- [Refero style page](https://styles.refero.design/style/e9001d5a-504d-47ed-aef0-d0d35fa86418) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/97159cf7-501e-4c1e-a3e2-8ed785c894d9.mp4) supply the sampled motion and section sequence. - The live capture at https://trustditto.com/ supplies current copy, responsive screenshots, and measured layout. - The live site redirects to an English-language path and keeps the same colorful impact story.