Inside the Pliant website design
Pliant is a finance website built with custom code and Next.js. Its pages are built from navbar, hero, logo cloud, stats, testimonials, features, CTA, and footer sections, shown here in full-page captures and a scroll recording. Typography: Pangea (display text and headings) and Geist Sans (body text). Colours: background #F5F5F0, accent #E7FF53, surface #FFFFFF.
Pliant is a payment platform as forward-thinking as your business. See how all types of businesses benefit from Pliant's business credit card solution. Its visual style is minimal, colourful, and geometric, with announcement bar, navigation bar, and hero among its components.
Why we picked it
A wide fan of overlapping cards in teal, pink, lime and black shows the product itself instead of a stock photo, letting visitors read the variety of card types at a glance. Short stat tiles with simple line icons and a dark starburst section break up the long scroll into easy, trustworthy chunks of proof.
What to look for
- Navbar: a short menu: only the destinations visitors actually look for
- Hero: a specific headline instead of a generic slogan
- Logo Cloud: a short label that says what the logos are: customers, partners, or integrations
- Stats: three or four numbers that matter to the buyer
Questions designers ask
What fonts does Pliant use?
Pliant uses Pangea for display text and headings, and Geist Sans for body text, measured from the captured page's CSS.
What is the Pliant website built with?
The Pliant website is built with custom code and Next.js, detected when the page was captured.
What colours does the Pliant website use?
Measured from the captured page's CSS, the Pliant website uses #F5F5F0 for the background, #E7FF53 as an accent, and #FFFFFF for surfaces.
What sections does the Pliant website have?
The Pliant website includes navbar, hero, logo cloud, stats, testimonials, features, CTA, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
PliantPliant
