Screenshot of Pipe

Pipe

pipe.com

The reference for pure-dark embedded-finance minimalism — bespoke Suisse Int'l on pure black, single saturated orange, one font weight only.

Fintech Embedded Finance Infrastructure strong

Design tokens

black
white
white50
orange
display
__suisseFont_3f347b (bespoke Suisse Int'l from Swiss Typefaces)
body
__suisseFont_3f347b
mono
(none on the captured page)

Do / Don't

Reference it for

  • Pure black #000000 page background with no near-black variants
  • Bespoke Suisse Int'l (paid Swiss Typefaces face) at weight 400 only — single-weight discipline
  • Tiny type scale (12, 13, 16, 24px only) — no display sizes, no hero shock
  • Saturated orange #e2572c as the only accent — used for filled CTA pills and the "Demo" nav CTA
  • White-50% (rgba(255,255,255,0.5)) as the only muted text — no grey scale between
  • Real editorial photography (vitiligo hands on laptop, person in red beanie drinking coffee) for routing-card decoration
  • 8px workhorse radius (7 hits) — sharp-but-soft, consistent across all surfaces
  • 0 box-shadows — depth comes entirely from black-white contrast

Do not copy

  • The Suisse Int'l licence (paid Swiss Typefaces)
  • The Pipe orange #e2572c exact hue
  • The "Pipe is here to help" copy phrasing
  • The specific editorial photographs (vitiligo hands, red beanie person)
  • The Cookiebot cookie consent overlay pattern
  • The HubSpot analytics stack — pick the brand's preferred CRM

Signature moves

single-weight bespoke sans on pure black with one accent

a bespoke Suisse Int'l at weight 400 only on pure black (#000000) with a tiny scale (12/13/16/24px), white-50% as the only muted text and saturated orange (#e2572c) as the sole accent for filled CTA pills.

in-text coloured-word emphasis

the lead phrase ('Pipe is') is rendered in the accent orange while the rest of the H1 stays white, using one coloured word as the only chromatic emphasis.

two-card contact-routing landing pattern

two photograph cards with distinct customer-state descriptions route contacts ('I want to meet with the Partnerships team' / 'I'm looking for direct capital'), at an 8px workhorse radius with a precise multi-property 0.15s cubic-bezier(0,0,0.2,1) hover.

Related references

Screenshot of Avantgarde Properties

Avantgarde Properties

strong

Other

A Dubai luxury real-estate agency that sells status boldly - a near-black canvas, an enormous mixed bold-sans-and-italic-serif display ("Welcome To / Avant Garde Real Estate"), full-bleed property films, a developer-partner logo wall (EMAAR, DAMAC, Nakheel), and copy aimed squarely at "the world's elite".
Screenshot of Cal Com

Cal Com

strong

Developer Tool

The reference for open-source dev-tools brand at peak typographic confidence — Cal Sans 64px H1 on pure white, real booking widget in hero, prestige customer logos.
Screenshot of Fiddle Digital

Fiddle Digital

strong

Creative Studio

an award-agency site that runs on contrast, a near-black ink and soft mauve, a grotesque paired with its own mono, type that swings from 11px labels to viewport-filling 130px+ display, a custom loading cursor and horizontal marquees, with a glassy 3D aurora render as the one moment of spectacle.
Screenshot of Halo Dental

Halo Dental

flagship

Other

A dental-tech hardware brand (the Halo "digital mirror") that opens on a black stage with its glowing ring-lit device, a 100px "Halo" wordmark and "We All Shine", then proves capability with a calm bento grid - Apple-product confidence aimed at clinicians.