Pipe

About Pipe

A revenue financing platform for recurring-revenue businesses. Fits fintech SaaS, growth-capital products, lending platforms, and SMB-finance landing page designs.

Request a DESIGN.md analysisCustom, made for Pipe Website Starter KitBuild your site from a starter template

Design tokens

12 colors · 11 type styles

Vivid coral (#e2572c) primary on a pure black (#000000) canvas, set in Suisse Intl throughout. The highlights below are read from the Pipe DESIGN.md in the Pass bundle, which carries all 12 color tokens, 11 type styles and the full component rules.

Colors

Primaryvivid coral#e2572c
Canvaspure black#000000
Surfacecool graphite#25262d
Inknear-black#0a0a0b

Type

Suisse IntlDisplayweights 400, 500, 40 to 80px
Suisse IntlBodyweights 400, 500, 16px
SFMono-RegularMonoweight 400, 12px

Radius

xs 3.8px
sm 4px
md 8px
lg 16px
xl 40px
pill 60px
full 9999px

Spacing

xxs 2px
xs 4px
sm 8px
md 16px
lg 24px
xl 30px

Components

Primary buttonbutton-primary
Primary buttons fill with vivid coral (#e2572c) and carry pure black (#000000) text, set in Suisse Intl 14px at weight 500, with 8px corners and 0px 12px padding.
Cardoffer-card
Cards sit on pure black (#000000), with 16px corners.
Navigationnav-bar
The top navigation runs on pure black (#000000) with pure white (#ffffff) links, set in Suisse Intl 13px at weight 400.

Three ways to ship a Pipe-style UI.

Use in your AI builder, no-code tool, or CMS

Lovablev0BoltFramerWebflowWordPressWixSquarespace CanvaGoDaddy

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.