Most fintech websites look like a regulatory disclosure styled by a designer who was paid to keep it boring. Beige cards, dollar-sign icons in muted gray, a "trusted by" row of greyscale logos, a headline about "the future of finance." The category is literally about money in motion. The sites are static.
Arclight is the third template I shipped this week. The brief: a fintech landing that reads like the product moves at the speed it claims to.
Stack
Static HTML per page. React 18 UMD. Babel in the browser. Tailwind via CDN. The hero plate is a custom hero-glass video — a 4K-style gradient blob drifting against a dark stone texture, transcoded to 1280-wide H.264 at CRF 26 with the Gemini Veo watermark removed by the same delogo pass used in the other four templates.
The hero
The hero is a dark rounded card on a soft gradient blob background. A pill at the top: "● Live in 130+ countries". A headline: "Money that moves at the speed of now." A subtitle. A single CTA: "Get started" with an arrow in a black circle.
One CTA. Not two. A fintech landing's first job is to get the visitor to start the application. Adding "Schedule a demo" next to it is a hedge — it tells the visitor we're not sure which path they're on and dilutes both clicks. Pick the one path that converts and put everything else in the nav.
The trust marquee
Below the hero: an animated horizontal trust strip — Visa, Plaid, Base, Stripe — drifting at 38s linear infinite, paused on hover. The drift is slow enough to read as decorative ambient motion, fast enough that a visitor doesn't think it's broken.
A linear-gradient mask on the container fades the strip edges to transparent. The logos materialize from the right, drift left, dissolve at the left edge.
The leadership section
Most static template placeholders for team photos are striped SVGs — a colored bar over a person-shaped silhouette. Arclight extends that pattern. The AbSlot and CrSlot components accept an optional src prop: if a real photo URL is passed, the photo renders; otherwise, the striped placeholder fills the slot.
That tiny API lets the template ship looking complete (four leadership portraits, two team photos, a Cards-page hand image), while keeping the striped fallback in place for any future portraits a buyer hasn't added yet.
Page list
Arclight Landing Page.html, About.html, Business.html, Cards.html, Send.html, Auth.html, Careers.html, News.html, Pricing.html, Security.html, Network.html, Help.html, Style Guide.html, Legal.html. Fourteen pages. Each is a static file that mounts the same React shell with a different page component.
The Style Guide.html is the unsexy file that makes the rest work — every color token, every font scale, every button variant rendered on one page. A future buyer who wants to change "primary" from cyan-glass to amber edits one CSS variable and the whole template follows.
Reveal animation
Originally translateY(18px) at 0.75s. I cut it to translateY(8px) at 0.45s in the same QA pass that fixed the other templates. The fade is still there. The blink is gone.
What's unused
There's a hand-taps-card.mp4 in assets/videos that I generated for the Cards/Send page but didn't end up integrating in the v1. It's queued for a follow-up — a payment-card feature section with the video looping behind a "Tap to pay anywhere" headline.
Live
arclight-template-03.netlify.app — the hero glow card on mobile is the highest-density piece of this build.