A revenue financing platform for recurring-revenue businesses. Fits fintech SaaS, growth-capital products, lending platforms, and SMB-finance landing page designs.
Screenshots of 3 pages from pipe.com: homepage, capital and invest.
Design tokens
12 colors · 11 type stylesVivid coral (#e2572c) primary on a pure black (#000000) canvas, set in Suisse Intl throughout. These values are read from the Pipe DESIGN.md in the Pass bundle, which carries all 12 color tokens, 11 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Pipe-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Pipe. All trademarks belong to their respective owners.
About Pipe
Home page hero
The home page is a deep, blue-tinted black. A tiny nav has a small logo and lowercase wordmark at the left, three dropdowns (products, solutions and resources) in the center, and a quiet login link and a dark start-now pill with an arrow at the right. A thin pill above the headline says to explore the capital product, with a purple link. The headline is set in a light, wide sans-serif in two tones: "The modern capital platform." in white and "Allowing you to grow on your terms." in grey. A short paragraph says the product turns future revenue streams into up-front capital for growth without dilution, and a white start-now pill follows, with a small check and the note that there is no lengthy fundraising. A product window sits across a field of horizontal streaks of blue, red and violet light, like motion lines. The window shows a trade screen with a list of contracts (customer, monthly revenue, collection period, term length and payout) and a floating order card with an amount, payback period, bid price, fee and total payout.
Two products and the platform
Below the window, two cards, one for capital and one for investing, sit under a pair of tabs. The capital card asks if the visitor needs flexible access to capital and answers with instant financing when needed, and a learn-more pill. A section labeled modern liquidity platform has a heading, "Unlock your biggest assets," with a grey second sentence about how the trading platform works. A paragraph says the product uses secure live data connections to banking, billing and accounting software to turn future revenue into a tradable asset. A tile with an isometric diamond grid in violet sits beside it. A numbered row of five steps follows: recurring revenue and beyond, asset class, marketplace, get capital and grow, with the first one expanded.
Capital page
The capital page switches to a pale, airy lilac-white hero with a small blue label. The headline, "Unlock up-front capital with your revenue," has a grey second line. A subheading says to grow faster without dilution, and three check items list investing in growth, no lengthy fundraising and fast, frictionless financing. A white sign-up pill follows. The visual is an isometric white glass platform on a grid, joined by pipe-like lines to three labeled nodes: receivables, royalties and subscriptions.
Invest page
The invest page returns to near-black with a warm glow. A small coral label, "Investors," sits above the headline, "Invest in a new asset class." A single line says to harness the stability of recurring revenue and diversify across industries, with a white sign-up pill. A glowing orange sphere sits at the center, ringed by a thin white orbit and scattered glowing and dark cubes in orange, peach and maroon, as a picture of a diversified portfolio.
Based on full-page screenshots of pipe.com: the home page, the capital page and the invest page. Dollar amounts and contract data in the product window are sample data. This describes the layout of a financial product's pages and is not financial or investment advice. Check the live site before relying on specific details.
Related designs
Catalog Pass included
