# Looped Video Showcase

> A static portfolio of fourteen quiet looped video studies for cinematic web design, ambient interface surfaces, editorial texture, and motion identity.

Canonical URL: https://johnhubble.github.io/loop-showcase/
Repository: https://github.com/JohnHubble/loop-showcase
Machine-readable index: https://johnhubble.github.io/loop-showcase/video-index.json

## What This Page Is

This is a one-page visual showcase of short, low-motion MP4 loops. Each clip is roughly five seconds, 16:9, muted, and intended as design material for websites, product surfaces, editorial sections, and short-form motion identity.

The page contains:

- A full-bleed hero loop.
- A section explaining practical web design uses.
- A loop wall with fourteen videos.
- Case-study strips grouping the loops by use case.
- Source and deployment information.

## Video Set

1. Rice Cooker Reflection - domestic steam; warm utility, quiet morning, soft black gloss. Suggested use: hero background for hospitality, kitchen, wellness, or calm product pages.
2. Fallen Shimenawa - ritual texture; weathered straw, shrine silence, grounded tension. Suggested use: editorial opener for heritage brands, cultural essays, or slow cinematic reels.
3. Old Radio Indicator - small signal; dark bedroom, analog glow, late-night focus. Suggested use: ambient product detail for audio tools, podcasts, dashboards, or launch teasers.
4. Empty Train Seat - rain window; navy commute, amber interior, suspended travel. Suggested use: section backdrop for mobility, travel, logistics, or reflective product stories.
5. Cracked Incense Dish - smoke vessel; charcoal ceramic, thin smoke, ritual close-up. Suggested use: premium page header for meditation, fragrance, interiors, or art direction decks.
6. Fern Beside Stream I - leaf current; deep green, shallow water, soft forest movement. Suggested use: natural texture for environmental pages, wellness layouts, or scroll transitions.
7. Fern Beside Stream II - leaf current; lush close crop, cool water, living edge. Suggested use: masked media panel for sustainability, outdoors, spa, or editorial components.
8. Bamboo Shadow Stone - moving shadow; graphic leaf pattern, pale stone, sunlit restraint. Suggested use: subtle UI surface motion behind navigation, quotes, or product comparison bands.
9. Reeds In Quiet Pond - reflected line; minimal water, thin reeds, tonal calm. Suggested use: negative-space background for typography-led hero sections and portfolio covers.
10. Dark Tokonoma Incense - smoke vessel; burnished ceramic, low shelf, quiet room. Suggested use: looping brand texture for fragrance, tea, craft, or intimate landing pages.
11. Incense Shelf I - smoke column; amber charcoal, wood grain, contained stillness. Suggested use: atmospheric background loop for product launches, packaging studies, or reels.
12. Incense Shelf II - smoke column; low shelf, warm shadow, tactile quiet. Suggested use: background motion for calm commerce, boutique homeware, or scent storytelling.
13. Incense Shelf III - smoke column; soft ember, ceramic silhouette, room tone. Suggested use: ambient video tile for moodboards, portfolio case studies, or motion identity systems.
14. Tokyo Before Dawn - city layer; blue hour rooftops, dense quiet, pre-work electricity. Suggested use: opening motion for urban products, AI tools, studio reels, or night-mode campaigns.

## Access Notes For LLMs And Crawlers

- Use `video-index.json` for exact video titles, motifs, moods, use cases, poster URLs, and MP4 URLs.
- Use `sitemap.xml` for canonical crawl targets.
- The site is a static Vite app deployed on GitHub Pages.
- The visible page should be summarized as a looped-video design showcase, not as a tutorial or marketplace.