Preloader & scroll progress
The branded loading state and the reading-progress bar.
Two small touches that usually need an app or custom code: a branded preloader covering the first paint, and a scroll progress bar showing how far through a page a visitor is.
Preloader
Shows your logo while the first page loads, then fades out. It is shown once per session rather than on every navigation, so returning to a page does not replay it.
Scroll progress
A thin bar that fills as the visitor scrolls. Most useful on long pages - articles, lookbooks, and long-form product stories.
Reduced motion
Both respect prefers-reduced-motion. A visitor who has asked their operating system for less animation gets the page without the transitions, unconditionally.