← back to the gallery

Radiantas: cobalt skincare editorial and product lineup

Motion previews

Radiantas — motion excerpt

The source scrolls from oversized Radiantas lettering to floating pack imagery, a blue benefit panel, a horizontal ingredient lineup and numbered application steps. Type and product panels progressively reveal during the scroll. Supplied Jiro template recording, original playback speed. This excerpt covers part of the recording; capture 1 records the broader sequence. The ingredient cards use product packaging as illustrations and do not show prices or purchase controls. Ordering is represented by a hero order prompt and sidebar phone/contact details; no shop, cart or checkout composition is claimed. Product and ingredient claims were not verified.

15.0 seconds · Original speed

Timestamped frames
Radiantas — motion excerpt at 0.00 seconds
0.00s
Radiantas — motion excerpt at 2.13 seconds
2.13s
Radiantas — motion excerpt at 4.26 seconds
4.26s
Radiantas — motion excerpt at 6.38 seconds
6.38s
Radiantas — motion excerpt at 8.51 seconds
8.51s
Radiantas — motion excerpt at 10.64 seconds
10.64s
Radiantas — motion excerpt at 12.77 seconds
12.77s
Radiantas — motion excerpt at 14.90 seconds
14.90s
Tier
inspiration
Roles
hero, explainer, feature, process, testimonial, faq, closing, footer
Feel
light, editorial, brutalist, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://jiro.build/preview/template/e-commerce/skin-care-product-landing-page-radiantas
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/Radiantas/thum/Skin%20Care%20Product%20Hover%20video%20landing%20page.mp4
both: https://jiro.build/preview/template/e-commerce/skin-care-product-landing-page-radiantas

What it does

Jiro template reference. A skincare page uses a full-height cobalt wordmark opening framed by narrow white information rails. Product pack photography, benefit labels, a horizontal ingredient lineup illustrated with product packaging, numbered routine steps and portrait reviews follow.

Section roster

1. Cobalt wordmark hero. 2. Product introduction. 3. Hydration and skin-barrier panel. 4. Ingredient lineup illustrated with packaging. 5. Three application steps. 6. Customer reviews. 7. Questions. 8. Closing skin-care CTA. 9. Footer.

Why it works

The repeated side rails hold the layout together as blue and white chapters alternate. Oversized lettering makes the brand legible before the smaller product and routine details arrive.

Source capture notes

[Jiro template page](https://jiro.build/templates/e-commerce/skin-care-product-landing-page-radiantas), [public live preview](https://jiro.build/preview/template/e-commerce/skin-care-product-landing-page-radiantas), and [original preview video](https://cdn.jiro.build/Radiantas/thum/Skin%20Care%20Product%20Hover%20video%20landing%20page.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.

The ingredient cards use product packaging as illustrations and do not show prices or purchase controls. Ordering is represented by a hero order prompt and sidebar phone/contact details; no shop, cart or checkout composition is claimed. Product and ingredient claims were not verified.

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.