Change the brand and the logo
Five steps to put your name, logo and colours on a project, and a prompt that does it for you.
Every ready project keeps its name, logo and colours in a few places. Change those and the whole site follows.
Five steps
- Put your logo in the public folder as logo.svg (best) or logo.png.
- Make a square icon (512 by 512) for the small tab icon and the app icon.
- Find the colours file (often tailwind.config, globals.css or a brand.ts config) and change the colour values.
- Change the brand name in the config file, then search the project for the old name to catch leftovers.
- Run it and check it at phone width.
Or ask your AI tool
Rebrand this project. New name: [NAME]. Logo file is at public/logo.svg. Primary colour [HEX], accent [HEX], font [FONT]. Update the config, the header, the footer, the page titles, the favicon and the share image. Search for any leftover old name. Do not change layout or features. List every file you changed.Made your logo with an AI picture tool? Check the licence, and redraw the final logo as a clean vector file.
Now try it
Make a website in the Studio: pick a business, change the words and colours, and get your site.