Getting Started

Sign in, create your site, and get oriented.


Identity

Set your title, logo, favicon, hero image, colors, and theme.

Setting Your Site Title and Subtitle

Sets the name and one-line description of your site.

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.

Uploading a Logo

Sets the image that appears in your site header on every page.

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.

Setting a Favicon

Sets the small icon that appears in the browser tab next to your site name.

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.

Setting a Hero Image

Sets the large visual that appears at the top of your homepage.

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.

Changing Your Color Palette

Updates the colors used across your entire site in one place.

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.

Switching Themes

Changes the overall visual design without affecting your content or colors.

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.

Content

Create categories, add items, edit copy, attach images and icons, reorder, and delete.

Creating a Category

Adds a new top-level section to your site with its own page and URL.

Categories are the containers that all your content lives in. Every service, blog post, team member, or FAQ entry belongs to a category. Creating a category also creates a page for it automatically at its own URL.

  1. In Edit Mode, find the option to add a new section to your site.
  2. Give the category a name and a title.
  3. Click Save.
  4. The category appears on your homepage and its own page is generated at its URL automatically.

A category with no items in it will look empty. Add at least one item before sharing the URL.

Adding a Content Item

Adds a new piece of content inside a category, with its own detail page.

Content items are what visitors actually read. Each item gets its own detail page automatically. Adding an item is the core action you will perform more than any other.

  1. In Edit Mode, find the category you want to add the item to.
  2. Click the pencil icon on that section to open the content manager.
  3. Find the option to add a new item.
  4. Enter a title and a tagline directly on the page, or enter them in the content manager.
  5. To add body content, open the content manager for that item and write in the content field.
  6. Click Save.

Long body content is written inside the content manager, not directly on the page. Titles and taglines are the only fields editable inline.

Editing Content

Update the title, tagline, or body of any existing content item.

Keeping content accurate and current is an ongoing task. Knowing the fastest path to each field means you spend less time navigating and more time writing.

  1. In Edit Mode, find the item you want to update.
  2. To edit the title or tagline, click directly on the text on the page and type your changes.
  3. To edit the body content, click the pencil icon on the section to open the content manager, find the item, and update the content field.
  4. Click Save.

Body content is only editable inside the content manager. Titles and taglines are the only fields you can edit inline.

Adding an Image to an Item

Attaches a photo to a content item and changes how the whole section displays.

Images change more than just the appearance of one item. They affect the layout of the entire section that contains the item.

  1. Make sure your image is already in the Media Gallery. If it is not, upload it there first.
  2. In Edit Mode, find the section containing the item you want to update.
  3. Click the picture icon next to the section.
  4. An upload panel opens showing your Media Gallery.
  5. Select an existing image, or click + New to upload a new one.
  6. Click Save.

Aim for files under 500 KB for content images. Large files slow down your pages.

Adding an Icon to an Item

Assigns an icon to an item as a visual element in place of a photo.

Icons are a lightweight way to give items a visual identity without needing photography. They work well for service listings, feature grids, and process steps.

  1. In Edit Mode, find the item you want to update.
  2. Click the faded icons button next to the item.
  3. An icon library opens.
  4. Search for the icon you want or browse the available options.
  5. Click the icon to apply it.

If an item has both an image and an icon, the image takes priority and the icon will not be visible. Remove the image if you want the icon to show.

Reordering Items

Changes the order in which items appear within a category.

The order of your content shapes what visitors notice first. Reordering lets you control that without deleting or recreating anything.

  1. In Edit Mode, click the pencil icon on the section you want to reorganize.
  2. The content manager opens showing all items in the current order.
  3. Drag items into the order you want.
  4. The new order saves automatically.

After reordering, click the eye icon to preview and confirm the order looks correct.

Deleting an Item

Permanently removes a content item and all its sub-items from your site.

Deletion is permanent. Understanding the difference between deleting and unpublishing helps you choose the right action and avoid losing content you might need later.

  1. In Edit Mode, click the pencil icon on the section containing the item.
  2. Find the item in the content manager.
  3. Open the item and click Delete.
  4. Confirm when prompted.

If you want to remove something from public view without losing it, use the Published toggle instead. Unpublishing hides the item while keeping it intact.