A one-click checkout platform for online stores. Fits ecommerce SaaS, checkout-API products, retail-tech apps, and payment-flow landing page designs.
Screenshots of 2 pages from bolt.com: homepage and for shoppers.
Design tokens
16 colors · 14 type stylesCool near-black (#04091a) primary on a cool off-white (#f8f6fe) canvas, set in agrandir-bolt for headlines and Inter for body text. These values are read from the Bolt DESIGN.md in the Pass bundle, which carries all 16 color tokens, 14 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Bolt-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Bolt. All trademarks belong to their respective owners.
About Bolt
Merchant home page hero
The page starts with a thin grey strip that switches between two audiences, for merchants and for shoppers. Below it, a sand-colored hero has a compact nav with the heavy wordmark in black, four links (why Bolt, learn, support and shop), a login link and a black contact-sales pill with lime text. The headline, "Shockingly simple checkout," is set in a heavy, tightly spaced grotesque in near-black, with a short line about turning guest shoppers into logged-in customers who come back, and a black pill with lime text, "See Bolt in action." On the right, a woman in bright pink sunglasses and a green top is cut out against a large neon-yellow lightning bolt shape. A white band below scrolls a row of grey retail and fashion logos.
Dark and bolt sections
A near-black section follows with a white headline, "It's not magic. It's Bolt.," in which the last word is lime. Below, a sand panel repeats the lightning bolt as a huge background shape. Two words, "Shockingly" and "Simple," are set in very large black type at opposite corners, with a phone mockup in the middle that shows a thank-you screen for an order, a small map, contact details and a black check. A customer quote with a portrait and a large pair of quote marks follows. A closing band says "See how you can start making customers for life today," with a black demo pill, and a row of press logos for fashion, news and finance outlets sits beneath it.
Footer
The footer is dark with a lime wordmark and an email field with a circular arrow button for updates. Five link columns cover product features (one-click checkout, account creation, fraud protection, single sign-on, payments and analytics), learning resources, platform partners such as e-commerce platforms, developers and company, with a small lime hiring tag next to careers. A short copyright line, legal links and social links close the page.
Shoppers page
The shoppers page flips the palette: the hero is solid neon yellow. The headline, "Lightning-fast checkout," is set in the same heavy black type, with a line about shopping faster than one can say one click and a black create-your-account pill. A smiling man in a green cap and a striped polo leans in from the right against a pale lightning bolt shape. A dark section, "It's shockingly simple," says to forget frustrating forms and searching for a wallet. Two portrait cards on grey and coral backgrounds sit below.
Shop and brand tiles
Further down, the shoppers page shows a dark olive section where category words (home, fashion, beauty, electronics, sports) float in very large white type, each with a small colored square holding a product picture such as sunglasses, headphones or a bicycle wheel. The same phone mockup is centered over them. A carousel, "Shop Bolt brands," shows tall photo cards for a sports retailer, a fast-fashion chain and a luxury label, with arrow controls.
Based on full-page screenshots of bolt.com: the merchant home page and the shoppers page. The footer shows a 2023 copyright, and brand logos reflect the capture date. Check the live site before relying on specific details.
Related designs
