← back to the gallery

Matteo (Jiro template): orange-black motion portfolio with image-card pointer trails and condensed typography

Motion previews

Motion Artist Portfolio - Matteo — motion excerpt

The public template recording shows orange portrait imagery, condensed text reveals, a pale services chapter and dark process panels with floating image-card trails. The trail accompanies recorded pointer movement; easing and exact trigger behavior were not measured.

15.0 seconds · Original speed

Timestamped frames
Motion Artist Portfolio - Matteo — motion excerpt at 0.00 seconds
0.00s
Motion Artist Portfolio - Matteo — motion excerpt at 2.13 seconds
2.13s
Motion Artist Portfolio - Matteo — motion excerpt at 4.26 seconds
4.26s
Motion Artist Portfolio - Matteo — motion excerpt at 6.38 seconds
6.38s
Motion Artist Portfolio - Matteo — motion excerpt at 8.51 seconds
8.51s
Motion Artist Portfolio - Matteo — motion excerpt at 10.64 seconds
10.64s
Motion Artist Portfolio - Matteo — motion excerpt at 12.77 seconds
12.77s
Motion Artist Portfolio - Matteo — motion excerpt at 14.90 seconds
14.90s
Tier
inspiration
Roles
hero, explainer, capability, process, proof, testimonial, closing, footer
Feel
dark, playful, editorial, brutalist, depth
Motion
pan, reveal, kinetic, drift
Source
public-site
Site
https://jiro.build/preview/template/portfolio/motion-artist-portfolio-landing-page-matteo
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-13
Captures
frames: https://cdn.jiro.build/Backer/Thumb/Backer%20full%20page.mp4
both: https://jiro.build/preview/template/portfolio/motion-artist-portfolio-landing-page-matteo

What it does

Jiro template reference. A short branded opening leads into a vivid orange portrait hero and oversized Matteo Backer name. A dark manifesto and pale services composition precede four dark numbered process panels. Awards and metric chapters use large condensed statements. A portrait testimonial and pale invitation card over a moving scene lead into an orange contact footer. Floating image cards accompany pointer movement across several chapters.

Section roster

1. Branded opening sequence. 2. Orange portrait introduction. 3. Dark manifesto. 4. Pale services composition. 5. Four numbered process panels. 6. Awards rows. 7. Metric and creative statement chapter. 8. Portrait testimonial. 9. Invitation card over moving imagery. 10. Orange contact footer.

Why it works

Orange separates the primary identity and closing from dark motion demonstrations. Strong condensed type remains recognizable while floating image trails and changing process highlights provide visual energy.

Source capture notes

[Jiro template page](https://jiro.build/templates/portfolio/motion-artist-portfolio-landing-page-matteo), [public live preview](https://jiro.build/preview/template/portfolio/motion-artist-portfolio-landing-page-matteo), and [original preview video](https://cdn.jiro.build/Backer/Thumb/Backer%20full%20page.mp4); checked on 2026-10-13. Capture 1 samples 36 frames from the supplied full-page video. Capture 2 measures and samples the public template preview itself, excluding the catalogue navigation. A 15-second motion excerpt with eight timestamped evidence frames is associated with capture 1.

Jiro lists the template as Matteo while the preview uses Matteo Backer branding and the video directory is Backer. Award names, dates, client quotes and performance figures are demonstration content. The motion excerpt emphasizes the visible image-card trail rather than the initial branded opening.

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.