About this template

What Conduit is

Conduit is a complete website for a fintech product: business accounts, cross-border payments, cards and a treasury pocket. The first screen does the visitor's job. A glass quote card works: type an amount, pick two currencies and it shows the mid-market rate, the fee, what arrives and when, with the rate held on a small countdown ring. Next to it sits the company's status line, and under it four key facts, each with a footnote.

It has eighteen page types: home, four product pages (accounts, payments, cards, treasury), pricing with a fee calculator, customers and a customer story, a journal and an article, company, careers and a role, security, legal and a legal document, contact and a 404.

Behind the hero, streams of light run in from the left, narrow into one channel and fan out again: money passing through one account. The page follows a payment rail by rail from approval to arrival, shows where the money sits as a stack of glass layers that opens as you scroll, and lists fees as plain rows with the method written under the table. Every figure is invented, labelled illustrative and footnoted, and the notes sit at the foot of each page. Light mode is its own palette, and the toggle remembers the choice. Motion respects the reduced-motion setting.

Last updated

What's included

18 pages, ready to fill in

  1. 01HomeQuote card hero, key facts, accounts, the payment route, cards, treasury, fees, where your money sits, customers, plans, questions and notes
  2. 02AccountsBalances, local details in nine currencies, group cash, approval rules and statements
  3. 03PaymentsThe quote card, the payment route, a table of rails, bulk payouts and payment links
  4. 04CardsA 3D card, spend controls, a team spend view and virtual cards per supplier
  5. 05TreasuryYield with a plain label, the split slider, how the pocket works and the risks
  6. 06PricingMonthly and yearly plans, a full fee schedule and a fee calculator
  7. 07CustomersStories you can filter by industry
  8. 08Customer storyThe reported result, the facts, the story in three parts and a quote
  9. 09JournalArticles you can filter by category
  10. 10ArticleA reading layout with contents, tables and related articles
  11. 11CompanyPrinciples, numbers, team, investors and offices
  12. 12CareersOpen roles you can filter by team
  13. 13RolePay range, process and an application form
  14. 14SecuritySafeguarding, account controls, audit log and vulnerability reports
  15. 15LegalDocuments with version and effective date
  16. 16Legal documentSections, version history and the fee schedule table
  17. 17ContactA sales form, support routes and offices
  18. 18404This payment did not arrive

Features

  • Working quote card with ten currencies, a swap button and a held-rate countdown
  • Canvas flow field that follows the pointer and pauses off-screen
  • Scroll-driven payment route and an exploded 3D safeguarding stack
  • Treasury split slider and fee calculator with the method written out
  • Filters on customers, journal and careers, kept in the address
  • Forms with validation and a success state, ready for your own destination
  • Dark mode by default, a light mode, and a toggle that remembers the choice
  • Responsive on desktop, tablet and phone
  • Text, rates, colours and images are yours to change

Code version

  • React 19
  • Vite
  • Tailwind CSS 4
  • TypeScript
  • Motion
  • React Router
  • Content in typed files

Screens

A closer look

Taken from the live demo, in light and in dark, on desktop and on a phone.

Conduit template. Home: the quote card shows the rate, the fee and what arrives, over the flow field.
DarkHome: the quote card shows the rate, the fee and what arrives, over the flow field.
Conduit template. Home in light mode.
LightHome in light mode.
Conduit template. Accounts: local details in nine currencies and every balance in one view.
DarkAccounts: local details in nine currencies and every balance in one view.
Conduit template. Payments: one payment followed rail by rail, to the second.
LightPayments: one payment followed rail by rail, to the second.
Conduit template. Where the money sits: four layers of glass that open as you scroll.
DarkWhere the money sits: four layers of glass that open as you scroll.
Conduit template. Pricing: a fee calculator with the method written out.
LightPricing: a fee calculator with the method written out.
Conduit template. Customer story: the reported result and the facts.
DarkCustomer story: the reported result and the facts.
Conduit template. Company: the story, numbers with footnotes and principles.
LightCompany: the story, numbers with footnotes and principles.
Conduit template. Home on a phone, dark mode.
Conduit template. Pricing on a phone, light mode.
PhoneHome on a phone, dark mode. Pricing on a phone, light mode.

Where to get it

Three versions, one design

Pick the one that matches how you build. The pages and the design are the same in each.

  • Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.

    Free on FramerFramer Marketplace

  • Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.

    $5one payment

    Buy theme · $5
  • XOXI themeComing to XOXI as a theme for your profile on the web and in the iOS and Android app.

    Includedfor Pro and Business+ members

    Get it with Pro plan on XOXI

Want to see it first? View demo

Want one made for you?

Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us