Tranch
tranch.com/
Tranch, now operating as an Elite company, is an invoice-to-payment platform for enterprises, with law firms called out as a specific vertical: it lets a business's clients pay invoices via Pay Later financing up to $500,000 with no credit risk to the vendor, instant Pay Now transfers over ACH or FedNow, or PCI-compliant card payments. The homepage embeds a working payment-plan calculator showing a sample $100,000 invoice broken into 3-, 4-, 5- or 6-month installment options with per-month and total costs spelled out, rather than describing the feature abstractly. Stated results include payments received 40% faster, a 50% reduction in check payments, and named testimonials from law firms like Gunderson Dettmer and marketing platform Breef.
- Category
- Finance & Commerce
- Style
- LightMinimal
- Stack
- Next.jsTailwind CSS
- Fonts
- Bw GradualInter var
- Palette
- Meta title
- Tranch | B2B Invoice to Payment for Enterprise
- Sections
- 4
- Updated
Tranch's landing page, section by section
Each section below is cropped straight from Tranch's live page — useful references for finance & commerce landing page design.
Tranch design review: how the homepage is built
Tranch's homepage runs 4,429 pixels on desktop, with the hero, product grid, stats, testimonials and footer stacked in that order, and about 7,850 pixels on mobile. Its colour approach is restrained: near-black #010101 for outlines and type on #fdfdfd white, with light grey bands between sections. Hard-edged black boxes with offset shadows frame nearly every block. Detected typefaces are Bw Gradual for display and Inter var for body. The distinctive move for a payments site is a sample invoice card placed beside the headline, showing a "$100,000 invoice" and three payment types.
Above the fold
The top black bar carries "Find out more" beside announcement copy. The headline "Invoice to Payment Made Easy" sits in a large black-outlined box at left, above two intro paragraphs and two outlined buttons, "Explore Products" and "Explore Integrations". A bordered card on the right shows "Pay Services Inc." above "$100,000 invoice" and three rows: "Pay Later", "Pay Now" and "Pay by Card". The hero has no photography.
Trust row, product grid and stats
A row headed "Tranch is trusted by" shows seven logos. "Tranch Products" follows as a three-by-three grid of bordered cards, each outlined in green, purple or blue, covering "Pay Later", "Pay Now", "Pay by Card", "Solutions for Law Firms" and five more. Then "Choose Tranch for your B2B invoice to payment solution" introduces four stats: "40% Faster", "50% Reduction", "$1.5B" and "Zero". A checkout mock titled "Legal Fees 2024" closes the block.
Payment technology, features and testimonials
Under "Tranch Payment Technology", the "Explore Products" and "Schedule a demo" buttons sit beside a paper-plane illustration. "What can Tranch do for your business?" lists four checked points, "Secure Client Portal" among them, beside a bar chart titled "Your Insights Dashboard". Three testimonial cards follow under "Customer and Partner Testimonials", each with a bold attribution, the first naming "Bryan Rosenberg". The quotes are set in large heavy type.
Closing section and footer
A boxed "Explore product integration with Tranch" panel invites readers to integrate via API or SFTP, or use "low and no-code" options. An "About Tranch" box holds one line: "Find out more about Tranch, our values, key facts and opportunities to join us on our mission." The dark grey footer holds "All Products", "Solutions", "Resources" and "Company" link columns and the copyright line "© 2026 Tranch. All rights reserved."
On mobile
At 390px the hero stacks: headline, intro and both outlined buttons come first, then the payment card. The navigation collapses to a menu icon. "Tranch Products" becomes one column of nine cards. The logo row wraps onto several lines. The checkout mock switches to "£100,000", and its term cards clip at the right edge, cutting off "Pay Over 5 months". The footer collapses to stacked link lists.
Worth borrowing
- Pairing the headline with a sample invoice card shows the product's output before any product copy begins.
- Thin black outlines with offset shadows frame every block, from the hero to the testimonial cards.
- Payment-term cards pair each monthly amount with a total, so options compare without a separate calculator.
