Mercury
mercury.com/
Mercury is a Finance product. See its mercury.com landing page design in full — desktop and mobile screenshots plus close-ups of the hero, features, logo cloud and footer. It's built with Next.js and Tailwind CSS. Its type is set in arcadiaDisplay, anchored by a #5266eb palette. Study how Mercury structures its messaging, layout and visual hierarchy, then explore more of the best Finance website designs.
Featured in: How AI SaaS Companies Design Differently From Fintech (With Real Data), 12 Dark Mode SaaS Websites, and What Actually Makes Them Work, Logo Clouds: How 12 Real SaaS Sites Borrow Trust in One Glance
- Category
- Finance
- Meta title
- Online Business Banking For Startups, Small Businesses & Scaling Companies
- Stack
- Next.jsTailwind CSS
- Typography
- DisplayarcadiaDisplayDisplayarcadia
- Palette
- Sections
- 04
- Updated
mercury.com/
Mercury's landing page, section by section
Each section below is cropped straight from Mercury's live page — useful references for finance landing page design.
