Start free

File navigation cues for documents and folders

A file or folder cue helps someone recognise a document list. Pick a style that fits the rest of your interface and leave room for the filename.

Use a short response when a folder opens. Keep names and file types in text, and make the list work with a keyboard even when motion is off.

Check the file size on each detail page and measure your export after editing. Load previews only when needed, respect reduced motion and keep status messages in real text.

We read the colours and fonts from your home page. They stay in this browser.

Questions

Should every file icon keep moving?

Use motion for a change or interaction. A still icon is easier to scan in a long list, and the filename should remain readable in either state.

How do I choose a file size and support reduced motion?

Check the file details before downloading and measure the exported file after editing. Compare Lottie JSON and dotLottie in a player that supports them. Load the animation near the screen and show a still frame when someone asks for reduced motion. Keep any status or instructions in real text.