Inside the Pay website design
Pay is a finance website built with custom code and Next.js. Its pages are built from hero, features, stats, process, CTA, FAQ, and footer sections, shown here in full-page captures and a scroll recording. Typography: Suisse BP Intl (display text, headings, and body text). Colours: background #000000, text #FFFFFF, surface #0A0C11.
Save it, send it, and spend it across borders, and earn every day just for holding. One global app for your money, with none of the usual fees. Its visual style is minimal, typographic, and corporate, with navigation bar, hero with background imagery, and feature card among its components.
Why we picked it
A near-black hero with a glowing planet and a floating phone sets a quiet, premium mood before the page drops to white for plain black headlines and simple icon rows. Dark chapter bands return between sections to separate rate charts, phone mockups and card art, so the long scroll reads like distinct steps rather than one wall of text.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Stats: three or four numbers that matter to the buyer
- Process: three to five numbered steps
Questions designers ask
What fonts does Pay use?
Pay uses Suisse BP Intl for display text, headings, and body text, measured from the captured page's CSS.
What is the Pay website built with?
The Pay website is built with custom code and Next.js, detected when the page was captured.
What colours does the Pay website use?
Measured from the captured page's CSS, the Pay website uses #000000 for the background, #FFFFFF for text, and #0A0C11 for surfaces.
What sections does the Pay website have?
The Pay website includes hero, features, stats, process, CTA, FAQ, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
PayPay
