← back to the gallery

Commission: lime calculator and branch-diagram landing

Motion previews

Commission — motion excerpt

The source scrolls through the calculator, process cards and expanding branch diagram before visiting dark industry panels, pricing and questions. Dollar-bill imagery drifts around the hero and lime text bands sweep across section boundaries. Supplied Jiro template recording, original playback speed. This excerpt covers part of the recording; capture 1 records the broader sequence. Product controls, prices, numerical claims and customer identities are demonstration content; their underlying functionality was not tested.

15.0 seconds · Original speed

Timestamped frames
Commission — motion excerpt at 0.00 seconds
0.00s
Commission — motion excerpt at 2.13 seconds
2.13s
Commission — motion excerpt at 4.26 seconds
4.26s
Commission — motion excerpt at 6.38 seconds
6.38s
Commission — motion excerpt at 8.51 seconds
8.51s
Commission — motion excerpt at 10.64 seconds
10.64s
Commission — motion excerpt at 12.77 seconds
12.77s
Commission — motion excerpt at 14.90 seconds
14.90s
Tier
inspiration
Roles
hero, process, feature, capability, testimonial, offer, faq, closing, footer
Feel
light, saas, depth, warm
Motion
pan, reveal, drift
Source
public-site
Site
https://jiro.build/preview/template/fintech/commission-calculator-landing-page-commission
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/Commission/thum/crypto%20landing%20page%20hover%20video.mp4
both: https://jiro.build/preview/template/fintech/commission-calculator-landing-page-commission

What it does

Jiro template reference. A split commission-tool hero pairs the headline with a lime-framed calculator and floating money imagery. Process cards lead to a branching calculation diagram, a dark industry section, testimonials and a pair of pricing columns.

Section roster

1. Split headline and calculator. 2. Three-step process. 3. Branching calculation engine. 4. Dark industry calculator examples. 5. Testimonials. 6. Two pricing plans. 7. Questions. 8. Closing calculator CTA. 9. Footer.

Why it works

The calculator, branches and plan columns repeat the lime accent as a guide through a dense finance narrative. Cream and dark olive surfaces create clear chapter changes.

Source capture notes

[Jiro template page](https://jiro.build/templates/fintech/commission-calculator-landing-page-commission), [public live preview](https://jiro.build/preview/template/fintech/commission-calculator-landing-page-commission), and [original preview video](https://cdn.jiro.build/Commission/thum/crypto%20landing%20page%20hover%20video.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.

Product controls, prices, numerical claims and customer identities are demonstration content; their underlying functionality was not tested.

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.