Inside the Lightspark website design
Lightspark is a finance website built with custom code and Next.js. Its pages are built from features and CTA sections, shown here in full-page captures and a scroll recording. Typography: Suisse Intl. Palette: #E0C0C0, #A02040, #C06060.
Launch global accounts, payments, cards, and stablecoins under your brand with one integration. Local rails in 65+ countries, real-time settlement, your economics. Its visual style is minimal, typographic, and soft, with navigation bar, hero, and primary button among its components.
Why we picked it
Soft glowing colour gradients behind cropped app cards hint at real wallets, cards and transactions without cluttering the plain white page. A tight four column stat row and repeated thin rule lines down the page keep dense numbers and features easy to scan at a glance.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- CTA: a short restatement of the main benefit
Questions designers ask
What fonts does Lightspark use?
Lightspark uses Suisse Intl, read from the fonts loaded on the captured page.
What is the Lightspark website built with?
The Lightspark website is built with custom code and Next.js, detected when the page was captured.
What colours does the Lightspark website use?
The captured palette includes #E0C0C0, #A02040, and #C06060.
What sections does the Lightspark website have?
The Lightspark website includes features and CTA sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Lightspark's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Lightspark's typography, colours, and components for your team or an AI tool.
