Ditto: expressive product-copy system

Tier: inspiration
Roles: hero, explainer, feature, proof, closing, footer
Feel: light, editorial, saas, playful
Motion: reveal, pan, stack
Source: public-site
Site: https://www.dittowords.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/7a16c35f-0ab8-4e09-8d6d-0a194b959d4a.mp4
both: https://www.dittowords.com/

What it does

A product-content platform page that makes shared copy standards visible through editor and workflow examples.

Section roster

1. Writing-system promise hero. 2. Copy workflow and component examples. 3. Team collaboration and governance. 4. Proof and demo close.

Why it works

The written headlines demonstrate the product’s tone before the UI appears; the risk is that dense copy screens need more than a visual glance to explain their workflow.

Sources

- [Refero style page](https://styles.refero.design/style/2db41cd9-c898-4f59-b704-3042c0d87f45) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/7a16c35f-0ab8-4e09-8d6d-0a194b959d4a.mp4) supply the sampled motion and section sequence. - The live page at https://www.dittowords.com/ was checked for its current content, responsive screenshots, and measured layout. - The live page now frames Ditto as a source of truth for teams and agents; the Refero clip supplies the earlier visual progression.