---
lang: en
---

# Product

A product is the name Cactus answers for: it shows beside your logo in the app, on the help site and in the Messenger, and its name sets the address your help site answers at, with the logo, accent colour and motion that its pages and Messenger wear.

> Verified against the product on 2026-11-15

## Name and address

Your product's name is the one Cactus shows beside its logo. The name also sets the address your help site answers at, which is the name followed by `.heycactus.ai`. An owner can change the address, and the old one is not kept.

The address must follow these rules:

- Between 3 and 40 characters
- Lowercase letters, numbers and single hyphens only
- Not one of the reserved words, such as `www`, `app`, `api`, `docs` or `help`. A reserved word is refused with "That name is reserved."

When the address is worked out from the name, Cactus adds `-help` to a name that is too short or reserved. If the address is taken, Cactus tries `-2`, `-3` and so on, up to 40 tries.

## Upload a logo

1. In [Settings › Appearance](https://app.heycactus.ai/settings/appearance), under **Logo**, select the tile for **Light theme** or **Dark theme**.
2. Choose a PNG, JPEG or WebP file, or drop one on the tile. The file can be up to 512 KB.
3. When the upload finishes, the tile offers **Replace** and the theme reads *Your upload*.

> **Note:** An animated GIF is refused, because it is not a mark: the upload answers that the file is not a PNG, JPEG or WebP.

## Which mark is shown

Each theme has its own logo, so a logo on the light theme does not appear on the dark one. A theme with no upload wears the mark Cactus finds for your site.

| State | What is shown | What to do |
| --- | --- | --- |
| *Found automatically* | The mark Cactus finds for your site, or its site icon | Upload a logo to replace it |
| *Your upload* | The file you uploaded, shown bare | Select **Remove** to go back to the found mark |

A mark whose ink would be hard to see on its page stands on a plate, a small tile behind it.

## Pick the accent colour

The accent is the colour your app, help site and Messenger wear, one for light mode and one for dark mode. Cactus's own green is the default.

1. In [Settings › Appearance](https://app.heycactus.ai/settings/appearance), under **Brand**, select a swatch under **Accent**. The swatches are colours your site uses.
2. To use a colour your site does not use, enter it under **Any colour**, then select **Save**. Select **Cancel** to drop it.
3. To go back to Cactus's own green, select **Cactus' green**.

Each swatch has a dark colour too: the one your site uses in dark mode where it has one, and otherwise one Cactus makes. A colour you chose by hand stays on offer as **Your own colour**.

> **Note:** While your product is in setup, the app wears Cactus' green whatever accent you choose. Your help site and Messenger wear the choice.

## Type on your site

Under **Brand**, **Type on your site** shows **Titles** and **Body**, each read from your site as sans-serif or serif. A product with no type read from its site wears Cactus's own type.

## Long moves

In [Settings › Appearance](https://app.heycactus.ai/settings/appearance), under **Motion**, choose how the Cactus dot moves a long way across a page, under **Long moves**. The choice applies on every surface the dot is drawn. A new product starts with **Drop**.

| Option | What it does |
| --- | --- |
| **Drop** | "Slips away and lands like a drop of water." |
| **Blink** | "Shuts like an eye and opens where it lands." |

## Messenger colours

The Messenger wears your accent unless you give it colours of its own, as [the Messenger](https://cactus.heycactus.ai/messenger) does with the app and your help site.

- With no colours of its own, it reads *Wears this accent, as the app and your help site do.*
- With colours of its own, it reads *Wears colours of its own, not this accent.* Select **Wear the accent** to go back to the accent.

To set its own colours, select **Give it its own colours**. You then set **Primary, light**, **Primary, dark**, **Secondary, light** and **Secondary, dark**.

## If a logo is refused

| What you see | What it means | What to do |
| --- | --- | --- |
| "That file is over 512 KB. Pick a smaller one." | The logo is larger than the limit | Pick a smaller PNG, JPEG or WebP file |
| "That file is not a PNG, JPEG or WebP." | The file's own first bytes are another type, or it is an animated GIF | Pick a PNG, JPEG or WebP file |
| "Could not upload that logo." | The upload did not save | Try the upload again |