{
  "name": "Looped Video Showcase",
  "canonicalUrl": "https://johnhubble.github.io/loop-showcase/",
  "description": "A living portfolio of fourteen quiet looped video studies for cinematic web design, interface atmosphere, and motion identity.",
  "updated": "2026-04-25",
  "videoCount": 14,
  "videos": [
    {
      "id": "rice-cooker",
      "title": "Rice Cooker Reflection",
      "dateGroup": "April 25",
      "motif": "domestic steam",
      "mood": "warm utility, quiet morning, soft black gloss",
      "useCase": "Hero background for hospitality, kitchen, wellness, or calm product pages.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_a_small_rice_cooker_reflected_in_a_black_kitchen__079945b5-e5ad-4f67-970e-36ec00c2c8ef_0.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_a_small_rice_cooker_reflected_in_a_black_kitchen__079945b5-e5ad-4f67-970e-36ec00c2c8ef_0.mp4"
    },
    {
      "id": "shimenawa",
      "title": "Fallen Shimenawa",
      "dateGroup": "April 25",
      "motif": "ritual texture",
      "mood": "weathered straw, shrine silence, grounded tension",
      "useCase": "Editorial opener for heritage brands, cultural essays, or slow cinematic reels.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/medium-close_view_of_a_fallen_shimenawa_rope_draped_across_an_bde93405-fbd4-4938-9499-ad5d30a23ee5_2.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/medium-close_view_of_a_fallen_shimenawa_rope_draped_across_an_bde93405-fbd4-4938-9499-ad5d30a23ee5_2.mp4"
    },
    {
      "id": "radio",
      "title": "Old Radio Indicator",
      "dateGroup": "April 24",
      "motif": "small signal",
      "mood": "dark bedroom, analog glow, late-night focus",
      "useCase": "Ambient product detail for audio tools, podcasts, dashboards, or launch teasers.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_a_small_old_radio_on_a_bedside_tatami_mat_only_a__c47b3095-fbe5-487e-adef-8b38b33fecc4_0.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_a_small_old_radio_on_a_bedside_tatami_mat_only_a__c47b3095-fbe5-487e-adef-8b38b33fecc4_0.mp4"
    },
    {
      "id": "train-seat",
      "title": "Empty Train Seat",
      "dateGroup": "April 24",
      "motif": "rain window",
      "mood": "navy commute, amber interior, suspended travel",
      "useCase": "Section backdrop for mobility, travel, logistics, or reflective product stories.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_an_empty_train_seat_beside_a_rain-streaked_window_a58e2251-64cd-4820-948f-364ec3da782c_3.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_an_empty_train_seat_beside_a_rain-streaked_window_a58e2251-64cd-4820-948f-364ec3da782c_3.mp4"
    },
    {
      "id": "incense-cracked",
      "title": "Cracked Incense Dish",
      "dateGroup": "April 24",
      "motif": "smoke vessel",
      "mood": "charcoal ceramic, thin smoke, ritual close-up",
      "useCase": "Premium page header for meditation, fragrance, interiors, or art direction decks.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_cracked_ceramic_incense_dish_beside_a_dark_tokono_61089231-316e-472a-82e2-442ddd46c421_3.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_cracked_ceramic_incense_dish_beside_a_dark_tokono_61089231-316e-472a-82e2-442ddd46c421_3.mp4"
    },
    {
      "id": "fern-a",
      "title": "Fern Beside Stream I",
      "dateGroup": "April 24",
      "motif": "leaf current",
      "mood": "deep green, shallow water, soft forest movement",
      "useCase": "Natural texture for environmental pages, wellness layouts, or scroll transitions.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_a_fern_frond_beside_a_shallow_forest_stream_only__e360bb53-9203-40a4-8444-1f3619de241c_0.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_a_fern_frond_beside_a_shallow_forest_stream_only__e360bb53-9203-40a4-8444-1f3619de241c_0.mp4"
    },
    {
      "id": "fern-b",
      "title": "Fern Beside Stream II",
      "dateGroup": "April 24",
      "motif": "leaf current",
      "mood": "lush close crop, cool water, living edge",
      "useCase": "Masked media panel for sustainability, outdoors, spa, or editorial components.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_a_fern_frond_beside_a_shallow_forest_stream_only__e360bb53-9203-40a4-8444-1f3619de241c_2.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_a_fern_frond_beside_a_shallow_forest_stream_only__e360bb53-9203-40a4-8444-1f3619de241c_2.mp4"
    },
    {
      "id": "bamboo-shadows",
      "title": "Bamboo Shadow Stone",
      "dateGroup": "April 24",
      "motif": "moving shadow",
      "mood": "graphic leaf pattern, pale stone, sunlit restraint",
      "useCase": "Subtle UI surface motion behind navigation, quotes, or product comparison bands.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_bamboo_leaves_casting_shadows_across_smooth_stone_ae7a972c-3323-48ab-94a3-bb1af49b0a45_3.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_bamboo_leaves_casting_shadows_across_smooth_stone_ae7a972c-3323-48ab-94a3-bb1af49b0a45_3.mp4"
    },
    {
      "id": "reeds",
      "title": "Reeds In Quiet Pond",
      "dateGroup": "April 24",
      "motif": "reflected line",
      "mood": "minimal water, thin reeds, tonal calm",
      "useCase": "Negative-space background for typography-led hero sections and portfolio covers.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_thin_reeds_reflected_in_a_quiet_pond_only_the_ref_fede49ff-05ba-4958-b879-3c2bcbb02df0_3.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_thin_reeds_reflected_in_a_quiet_pond_only_the_ref_fede49ff-05ba-4958-b879-3c2bcbb02df0_3.mp4"
    },
    {
      "id": "incense-dark",
      "title": "Dark Tokonoma Incense",
      "dateGroup": "April 24",
      "motif": "smoke vessel",
      "mood": "burnished ceramic, low shelf, quiet room",
      "useCase": "Looping brand texture for fragrance, tea, craft, or intimate landing pages.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/close-up_of_cracked_ceramic_incense_dish_beside_a_dark_tokono_93e2e0ad-7618-47d0-8273-e102d04f6468_2.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/close-up_of_cracked_ceramic_incense_dish_beside_a_dark_tokono_93e2e0ad-7618-47d0-8273-e102d04f6468_2.mp4"
    },
    {
      "id": "incense-shelf-a",
      "title": "Incense Shelf I",
      "dateGroup": "April 24",
      "motif": "smoke column",
      "mood": "amber charcoal, wood grain, contained stillness",
      "useCase": "Atmospheric background loop for product launches, packaging studies, or reels.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/ceramic_incense_holder_on_a_low_wooden_shelf_only_thin_incens_34099865-4fec-481a-b9b9-a5ef481d2ec1_2.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/ceramic_incense_holder_on_a_low_wooden_shelf_only_thin_incens_34099865-4fec-481a-b9b9-a5ef481d2ec1_2.mp4"
    },
    {
      "id": "incense-shelf-b",
      "title": "Incense Shelf II",
      "dateGroup": "April 24",
      "motif": "smoke column",
      "mood": "low shelf, warm shadow, tactile quiet",
      "useCase": "Background motion for calm commerce, boutique homeware, or scent storytelling.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/ceramic_incense_holder_on_a_low_wooden_shelf_only_thin_incens_92999aae-53d1-4f21-acee-2afa4edae90c_1.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/ceramic_incense_holder_on_a_low_wooden_shelf_only_thin_incens_92999aae-53d1-4f21-acee-2afa4edae90c_1.mp4"
    },
    {
      "id": "incense-shelf-c",
      "title": "Incense Shelf III",
      "dateGroup": "April 24",
      "motif": "smoke column",
      "mood": "soft ember, ceramic silhouette, room tone",
      "useCase": "Ambient video tile for moodboards, portfolio case studies, or motion identity systems.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/ceramic_incense_holder_on_a_low_wooden_shelf_only_thin_incens_79af29ed-4f39-4671-9650-07cc8a507464_2.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/ceramic_incense_holder_on_a_low_wooden_shelf_only_thin_incens_79af29ed-4f39-4671-9650-07cc8a507464_2.mp4"
    },
    {
      "id": "tokyo-before-dawn",
      "title": "Tokyo Before Dawn",
      "dateGroup": "April 24",
      "motif": "city layer",
      "mood": "blue hour rooftops, dense quiet, pre-work electricity",
      "useCase": "Opening motion for urban products, AI tools, studio reels, or night-mode campaigns.",
      "posterUrl": "https://johnhubble.github.io/loop-showcase/posters/dense_Tokyo_cityscape_before_dawn_layered_apartment_rooftops__b1f354c9-e9ea-40c8-823d-4dd38956e540_1.jpg",
      "contentUrl": "https://johnhubble.github.io/loop-showcase/videos/dense_Tokyo_cityscape_before_dawn_layered_apartment_rooftops__b1f354c9-e9ea-40c8-823d-4dd38956e540_1.mp4"
    }
  ]
}