Logos in AI Website Creator
Upload and replace site logos, set light and dark variants and adjust logo size in AI Website Creator.
Your site logo is a shared brand asset, not a normal section photograph. Manage it from the navbar or footer section's Logo control so the design can use the right version on different backgrounds.
At a Glance
| Control | What it does | Scope |
|---|---|---|
| Logo | Opens the logo uploader and variant picker | Project brand asset |
| Upload a logo | Adds a logo when none is set | Chosen light or dark slot |
| Replace logo | Changes an existing logo | Chosen light or dark slot |
| Logo size | Adjusts the logo's displayed scale | Selected logo section context |
Upload or Replace the Site Logo
Select the navbar or footer
Select the section that displays your site logo. Find Logo in the section panel. Clicking the brand logo itself does not open the ordinary photograph-editing panel.
Open the logo picker
Click Upload a logo or Replace logo. The picker opens beside the row, with light and dark mode choices and an upload area for the selected slot.
Choose the variant and upload
Choose the light or dark slot intentionally, then upload the matching artwork. Repeat for the other variant if your brand needs a different treatment on dark backgrounds.
Check size and contrast
Adjust Logo size if needed. Review the navbar and footer in the actual design. Check both backgrounds rather than relying only on the small uploader preview.
Light and Dark Logo Variants
The project can store separate light and dark logo variants. The canvas selects between them according to the section's background treatment. Use a darker mark for a light background and a lighter mark for a dark background when that is how your brand artwork is designed.
Uploading to an explicitly selected side is a side-specific edit, not a command to overwrite both variants. A single logo may work on both backgrounds, but preview both before deciding that a second version is unnecessary.
Logo Size
Logo size changes the displayed scale, not the resolution of the uploaded artwork. Use it to balance the mark with the navigation or footer content. If a logo is blurry at the desired size, start with better source artwork rather than scaling a small raster file farther.
Logo Versus Ordinary Image Editing
The site logo is excluded from the ordinary image replacement list in navbar and footer sections. Use the Logo block for brand changes. Use the image panel for content photographs, and use the icon panel for content icons.
AI image generation can produce visual concepts, but this guide does not promise an available AI logo-generation entry point. Upload approved brand artwork through the verified Logo control.