Card
ground paper · border line · radius 8px · hover: border ink-2 + lift 3px · a glove spine scales in on hover
The art direction
Every visual that ships on the website is on this page, with its file, ratio and role. No stock photography anywhere. The whole world could be rebuilt from this tab alone.
The cast: 6 frames, 1 room
The film is 1 Salt River kitchen on the morning after the builders left, seen from 1 fixed spot for 1 working shift. 6 keyframes, each generated with the previous one as its reference, so the walls, the window and the light are inherited, never re-invented. The first and last frames are the same room, dusty and then done.
Construction rules
1 room, 1 spot
The camera stays where it is. Over the whole film it creeps toward the window by a few percent and no more, so every keyframe is an edit of the same still and every join shares the same geometry.
1 light
The sun patch crosses the floor left to right over the shift. It is pinned in every keyframe, so the light can never flip or invent a second source.
The hands
Yellow rubber gloves and forearms do the work, never a face. They enter from the frame edge, work for 2 to 3 seconds, and leave. The glove is the only image the business already uses.
No text in footage
Generated video renders no words or numbers. All type is live HTML over the film.
The wordmark (proposed)
Cape Ever Clean has no logo today. The current site sets the name in a default serif. This is a proposed wordmark: the name in Fraunces beside a small glove-yellow mark. Free to keep, change or drop.
Cape Ever Clean
Asset inventory
Everything the site loads, by file.
/frames/f_0001 onwards · 24fps scrub frames at 1024px, every frame of the film, none skipped
/assets/art/kf0 to kf5.jpg · 880px keyframe cards (this tab)
/assets/fonts/fraunces.woff2 · fraunces-italic.woff2 · figtree.woff2 · figtree-italic.woff2 · dm-mono-400.woff2 · dm-mono-500.woff2 · self-hosted latin subsets
favicon · inline SVG data URI, the glove mark with a C
no stock photographs, no third-party scripts, no trackers
/assets/art/kf0 to kf5.jpg · 880px keyframe cards (this tab)
/assets/fonts/fraunces.woff2 · fraunces-italic.woff2 · figtree.woff2 · figtree-italic.woff2 · dm-mono-400.woff2 · dm-mono-500.woff2 · self-hosted latin subsets
favicon · inline SVG data URI, the glove mark with a C
no stock photographs, no third-party scripts, no trackers
Motion
The film scrubs on a canvas at its native 24fps, every frame shipped. A lerped playhead (factor 0.14) makes the scrub settle rather than snap. Dust motes drift over the first frame and are gone by 7% of the scroll. Below the film, sections rise once on arrival and then hold still. Everything respects prefers-reduced-motion.
The type set
Every face carries its designer, foundry, source and licence. All 3 ship as self-hosted woff2.
Display
Fraunces
Phaedra Charles and Flavia Zimbardi · Undercase Type · Google Fonts · SIL OFL 1.1
Body
Figtree
Erik Kennedy · Google Fonts · SIL OFL 1.1
Data
DM Mono
Colophon Foundry for DeepMind · Google Fonts · SIL OFL 1.1
FYI: all 3 faces are licensed under the SIL Open Font License 1.1. Free for commercial use, embedding and self-hosting, with no fee to Cape Ever Clean. The licence only asks that the font files are not sold on their own.