A one-click checkout platform for online stores. Fits ecommerce SaaS, checkout-API products, retail-tech apps, and payment-flow landing page designs.
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. The highlights below are read from the Bolt DESIGN.md in the Pass bundle, which carries all 16 color tokens, 14 type styles and the full component rules.
Colors
- Primarycool near-black
#04091a - Secondaryvivid blue
#006cff - Canvascool off-white
#f8f6fe - Inkcool near-black
#04091a
Type
- agrandir-boltDisplayweight 700, 26 to 70px
- InterBodyweights 500, 600, 14 to 20px
Radius
- none 0px
- xs 3px
- sm 5px
- md 8px
- lg 16px
- pill-sm 25px
- pill 100px
- full 1280px
Spacing
- hairline 2px
- xxs 7px
- xs 10px
- sm 12px
- md 16px
- lg 24px
- xl 32px
- xxl 48px
- section 96px
- section-lg 128px
Components
- Primary button
button-primaryPrimary buttons fill with cool near-black (#04091a) and carry cool off-white (#f8f6fe) text, set in Inter 15px at weight 600, with pill corners and 10px 15px 10px 23px padding.
- Card
feature-cardCards sit on cool off-white (#f8f6fe), with 16px corners and 24px padding.
- Navigation
nav-barThe top navigation runs on pure black (#000000) with cool off-white (#f8f6fe) links, set in Inter 14px at weight 600.
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.
Related designs
