Inside the Pleo website design
Pleo is built with custom code, React, and Astro. Its pages are built from hero, other, testimonials, feature grid, and footer sections, shown here in full-page captures and a scroll recording. Typography: Pleo Scandi Gellix Headline (display text and headings) and Pleo Scandi Gellix Text (body text). Colours: background #FAFCFC, text #131414, main buttons #FEB6FE, surface #EEF4F4.
The business expenses solution that empowers your people to do more. Join the thousands of companies that trust Pleo to make paying for stuff at work easier Its visual style is minimal, bold, and corporate, with navigation bar, hero with background imagery, and primary button among its components.
Why we picked it
Hot pink accents and a dark card mockup pop against muted grey panels, making the product itself the focal point. Black full-width bands break the page into clear chapters, while real photography of offices and laptops keeps the pitch grounded and trustworthy rather than abstract.
What to look for
- Hero: a specific headline instead of a generic slogan
- Testimonials: names, roles, and photos or logos for credibility
- Feature Grid: mixed card sizes that show priority
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does Pleo use?
Pleo uses Pleo Scandi Gellix Headline for display text and headings, and Pleo Scandi Gellix Text for body text, measured from the captured page's CSS.
What is the Pleo website built with?
The Pleo website is built with custom code, React, and Astro, detected when the page was captured.
What colours does the Pleo website use?
Measured from the captured page's CSS, the Pleo website uses #FAFCFC for the background, #131414 for text, #FEB6FE for main buttons, and #EEF4F4 for surfaces.
What sections does the Pleo website have?
The Pleo website includes hero, other, testimonials, feature grid, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
