Home
DESIGN.mdStar on GitHub

Prompt, run & deploy web apps

An AI builder that doesn't just write code — it runs it, right in your browser.

What do you want to build?
Colors
Brand · electric blue on black
Surfaces · dark-first
Text
Functional · workbench & syntax (not brand)
Typography
Inter / 800 italic
Wordmark
bolt.new
bold italic
Inter / 700
Display · 50px
Prompt, run & deploy
Inter
Inter / 400
UI · body · 15px
It doesn't just write code — it runs it in the browser.
Inter
JetBrains Mono / 400
Editor · terminal · 12.5px
$ npm run dev ➜ localhost:5173
JetBrains Mono
Signature · Prompt → run → preview
Bolt

            

            

          

        

      

    

    
Pick a prompt, press Build — Bolt writes the files, then a terminal actually runs npm install & npm run dev, and the pane flips to a live Preview. Toggle Code / Preview. Deterministic.

  


  
  

    
Components

    

      

        
Buttons

        

          
          
        

      

      

        
Suggested prompts

        

          Todo app
          Landing page
          Kanban board
        

      

      

        
Prompt box

        
      

      

        
Radius

        

          
16 card

          
12 panel

          
10 btn

          
chip

        

      

    

  


  
  

    
Guardrails

    

      

        
Do

        

          
Anchor on a near-black canvas with one electric blue (#1488FC) and a faint blue aurora.

          
Give the prompt box its blue glow and bright light-streak — the signature energy.

          
Make the flow prompt → run → preview: write files, actually run a terminal, flip to a live preview.

          
Set the bolt wordmark in bold italic; UI in Inter, code in JetBrains Mono.

          
Keep the editor & terminal always dark with GitHub-style syntax colors.

        

      

      

        
Don't

        

          
Use a light canvas as the primary identity — Bolt is dark & electric (light is secondary).

          
Introduce a second brand hue; blue is the only accent (syntax/status are functional).

          
Present Bolt as just a code generator — show that it runs & deploys.

          
Over-glow everything — the streak + card glow are focal; the rest stays matte.

          
Set the wordmark upright or light — the forward italic lean is the character.