A business bank's site: a valley at first light, an account that plays its first day, and the products shown working.
A site in the manner of the best business banks: a full-bleed landscape drawn in gradients rather than photographed, a short headline, an email field with Open account inline, and the regulatory line on the first screen. Under it the account itself plays out. Cards, bill pay and treasury follow as working pieces of the product, then the numbers, security and compliance, one customer quote, three plans and a footer of numbered disclosures that every footnote on the page links to. The sample bank is Larch, for startups, and every word lives in one content file.
Every section is built from Eased components you can also use on their own, and each one installs by itself from the Pro registry. The landscape is dawn in the light theme and dusk in the dark; reduced motion and keyboard use are handled the same way they are in the library.
An account's first day
Under the headline, a new company's account stands in the landscape. A beat after it comes into view, the debit card lands in its slot. Then the day's money arrives on a Transaction Ledger: the seed round, a cloud bill, software, payroll and a customer's payment, each rising in pending while its category reads Categorising…, swapping to its category, and settling with a green wash as the balance rolls to its new total on a Number Roll. Launch demo, or Replay, plays the day again.
Home/
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Hero
A drawn valley at first light, a short headline, an email field with Open account inline, and an account that plays its first day: the card lands and the balance rolls as transactions categorise themselves.
Products
Cards, bill pay and treasury as working pieces of the product: cards you can freeze, a bill that waits for approval, and a treasury chart that morphs between ranges.
Numbers
A centred line and four figures that roll up from zero the first time they are seen.
Quote
One customer, centred and given room.
Pricing
Three plans with a monthly or yearly switch that rolls each price; the recommended plan raised.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Cards/cards
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Payments/payments
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Treasury/treasury
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Treasury page
The Treasury page: a slider that splits cash between checking and Treasury, rolling both balances and the year's estimate, then how it works and its disclosures.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Pricing/pricing
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Pricing page
The Pricing page: the plans with their billing switch, every fee in one table, and the common questions.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Security/security
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Security page
The Security page: a coverage check that spreads a balance across partner banks, who holds the money, account controls, audits and where to report a vulnerability.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Customers/customers
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Customers
The customers index, three stories as cards and more companies as a list, and the story page: results, the story and the facts beside it.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Customer stories
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Customers
The customers index, three stories as cards and more companies as a list, and the story page: results, the story and the facts beside it.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Blog/blog
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Blog posts
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Careers/careers
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Careers
The careers index, open roles, benefits and how we hire, and the role page: the post beside its facts, with Apply.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Job posts
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Careers
The careers index, open roles, benefits and how we hire, and the role page: the post beside its facts, with Apply.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
About/about
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
About
The About page: why the bank exists, the numbers rolling up, its principles, leadership and offices.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Contact/contact
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Sign in and open account
Legal
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Legal pages
Privacy, Terms and Disclosures: a sample-text note, a contents list and each section at reading width; Disclosures adds the numbered notes the site's footnotes link to.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Not found (404)/404
Header
A clear bar over the hero's sky: the wordmark, the product, Security and Pricing links, Log in and Open account.
Not found
The 404: a line in the bank's voice and three ways back.
Footer
Four link columns, then the regulatory line and the way to the Disclosures page every footnote marker points to.
Download the starter
A Next.js app with every section, the content file and the Eased tokens. Unzip it, run pnpm install and pnpm dev, then make it yours in one file.
Install one section
Each section is its own Pro registry item, with the components it uses. Add it to an app that already has Eased set up.
npx shadcn add @eased-pro/fintech-hero