← back to the gallery

Kelos: grayscale projector product landing

Motion previews

Kelos — motion excerpt

The recording scrolls slowly while the oversized device stays prominent; feature headings and specification blocks replace one another around it, followed by customer cards and questions. Supplied Jiro template recording, original playback speed. This excerpt covers part of the recording; capture 1 records the broader sequence. Jiro lists this as “Mini Speaker Landing Page - Kelos,” but the supplied recording visibly shows a lens-equipped projector and cinema-focused copy. This entry describes the visible projector composition; variant and purchase controls were not tested. At 390px the device overlaps the stacked headline and some navigation and specification text is very small; the capture records the template layout rather than claiming mobile usability is polished.

15.0 seconds · Original speed

Timestamped frames
Kelos — motion excerpt at 0.00 seconds
0.00s
Kelos — motion excerpt at 2.13 seconds
2.13s
Kelos — motion excerpt at 4.26 seconds
4.26s
Kelos — motion excerpt at 6.38 seconds
6.38s
Kelos — motion excerpt at 8.51 seconds
8.51s
Kelos — motion excerpt at 10.64 seconds
10.64s
Kelos — motion excerpt at 12.77 seconds
12.77s
Kelos — motion excerpt at 14.90 seconds
14.90s
Tier
inspiration
Roles
hero, product, feature, testimonial, faq, footer
Feel
light, minimal, premium, cold
Motion
pan, reveal
Source
public-site
Site
https://jiro.build/preview/template/e-commerce/mini-speaker-landing-page-kelos
Licence
Public Jiro template preview; inspiration only. Retained images and short preview excerpts are visual-reference evidence; template code/assets are not imported or licensed for reuse.
Captured
2026-10-14
Captures
frames: https://cdn.jiro.build/Kelos/images/Mini%20speaker%20kelos.mp4
both: https://jiro.build/preview/template/e-commerce/mini-speaker-landing-page-kelos

What it does

Jiro template reference. A restrained product landing keeps a large gray projector render central as headlines, specification snippets and small variant tiles switch around it. The sequence progresses to testimonials, questions and a low-contrast footer.

Section roster

1. Projector product hero. 2. Variant tiles and purchase action. 3. Product advantage explanation. 4. Cinema-anywhere feature panel. 5. Technical feature details. 6. Customer reviews. 7. Questions. 8. Product closing panel. 9. Footer.

Why it works

One recognizable product render creates continuity across the scroll. Quiet gray surfaces allow the lens, body texture and specification panels to become the visual focus.

Source capture notes

[Jiro template page](https://jiro.build/templates/e-commerce/mini-speaker-landing-page-kelos), [public live preview](https://jiro.build/preview/template/e-commerce/mini-speaker-landing-page-kelos), and [original preview video](https://cdn.jiro.build/Kelos/images/Mini%20speaker%20kelos.mp4); checked on 2026-10-14. Capture 1 samples 36 frames from the supplied preview recording. Capture 2 measures and samples the public template preview itself, excluding catalogue navigation, with a fresh 390px mobile screenshot. A 15-second motion excerpt at original playback speed with eight timestamped evidence frames is associated with capture 1.

Jiro lists this as “Mini Speaker Landing Page - Kelos,” but the supplied recording visibly shows a lens-equipped projector and cinema-focused copy. This entry describes the visible projector composition; variant and purchase controls were not tested. At 390px the device overlaps the stacked headline and some navigation and specification text is very small; the capture records the template layout rather than claiming mobile usability is polished.

These are template demonstrations and visual references, not verified businesses or services. No template source code was imported. Exact easing, trigger timing and reduced-motion behavior were not measured.