Identity

Your title and subtitle are the first thing visitors read. They also appear in browser tabs and search results.

1. In Edit Mode, go to the hero section of your site.
2. Click the title text directly on the page to edit it inline, or open the config page for the hero section to edit title and subtitle together.
3. Enter your site title.
4. Enter your subtitle. Keep it to one sentence that describes what you do.
5. Click Save.

Avoid writing a subtitle that is too generic. 'Welcome to our site' tells a visitor nothing. Use the subtitle to say specifically what you do or who you serve.

Your logo appears on every page, in the header, without you having to place it anywhere manually. Setting it once is enough.

1. Upload your logo to the Media Gallery first. If it is already there, skip to step 3.
2. Go to the Media Gallery, click + New, select your logo file, and click Save.
3. In Edit Mode, open the config page from the hero section.
4. Find the Logo field and click its dropdown.
5. Select your logo from the Media Gallery.
6. Click Save.

SVG is the recommended format for logos as it stays sharp at any size. If you are using a PNG or JPEG, make sure it has a transparent background.

The favicon appears in browser tabs, bookmarks, and on mobile home screens. A generic browser icon signals an unfinished site.

1. Upload your favicon to the Media Gallery first. If it is already there, skip to step 3.
2. Go to the Media Gallery, click + New, select your favicon file, and click Save.
3. In Edit Mode, open the config page from the hero section.
4. Find the Favicon field and click its dropdown.
5. Select your favicon from the Media Gallery.
6. Click Save.

Use a simplified version of your logo, ideally square, so it is still recognisable at small sizes.

The hero image is the first visual impression your homepage makes. A strong hero image sets the tone for your brand before a visitor reads a single word.

1. Upload your hero image to the Media Gallery first. If it is already there, skip to step 3.
2. Go to the Media Gallery, click + New, select your image file, and click Save.
3. In Edit Mode, open the config page from the hero section.
4. Find the Hero Image field and click its dropdown.
5. Select your image from the Media Gallery.
6. Click Save.

Avoid using an image with text embedded in it. Text in images cannot be read by search engines and does not scale well on mobile screens.

Your color palette is applied globally. Changing a single value updates every element that uses it across every page.

1. In Edit Mode, open the config page from the hero section.
2. Find the Colors section.
3. Click any color field and enter a hex value to update that color.
4. Update both light and dark mode values if you want consistent colors across both.
5. Click Save.

Only updating light mode colors and leaving dark mode at defaults means visitors who switch to dark mode will see mismatched colors. Update both sets at the same time.

Your theme controls how your site looks structurally. Switching it is instant and never affects your content or your color palette. You can try different themes freely until you find the right fit.

1. In Edit Mode, open the config page from the hero section.
2. Find the Theme field.
3. Select a theme from the available options.
4. Click Save.
5. Click the eye icon to preview how your site looks with the new theme.

Themes and colors are separate. The theme controls layout and component styling. Colors are controlled by your color palette.