← back to the gallery

Origin: dark financial-wellness landing

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, closing, footer
Feel
dark, premium, editorial, depth, cold
Motion
reveal, pan, wipe, drift, stagger
Source
public-site
Site
https://www.useorigin.com
Licence
Captured from the supplied recording and live site; description only, no redistribution of the source.
Captured
2026-09-16
Captures
frames: originfinnacial.mp4
both: https://www.useorigin.com

What it does

Origin presents financial tracking, advice, investing, and planning as a calm, premium consumer product. A cinematic cloud-and-phone hero gives way to dark sections that alternate product renders, compact dashboard modules, guided advice, forecasts, reviews, and a download prompt.

Section roster

1. Cloud-backed hero with a large serif headline, navigation, price offer, and phone render. 2. Dark device-led tracking introduction and three compact money-management panels. 3. Advice section with a focused question field and supporting insight cards. 4. Violet-blue feature modules for instant insights and deeper recaps. 5. Investment monitoring, allocation, position, and next-step dashboard cards. 6. Blue forecast module with a timeline chart and a circular, haloed testimonial moment. 7. News cards, a flower-field download CTA, and an app-focused closing/footer.

Why it works

The site makes a complicated finance product easier to scan by changing visual scale at every chapter: full-width atmosphere, a single device, a cluster of cards, then a simple graph. Deep black gives the luminous blue and violet sections strong contrast, while the restrained serif/sans pairing keeps the product language editorial rather than dashboard-heavy.

Sources

The supplied 25.05-second recording provides the broader campaign sequence, including the “Own your wealth” hero, phone renders, feature cards, forecast view, testimonial halo, and flower-field CTA. The live capture at https://www.useorigin.com records the current hero copy (“Meet your productive AI Financial Advisor”), current navigation, measured typography/tokens, the available mobile and desktop views, and documented background, panel, and advice-indicator animations. The hero copy differs between sources; this entry records both as observed campaign states.