> For the complete documentation index, see [llms.txt](https://docs.themeupstudio.com/travio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeupstudio.com/travio/admin-settings/brand.md).

# Brand

### Site Title

What it does: Sets your publication name.

Where it appears in Travio: Header fallback logo (if no image logo), browser title/meta contexts, and places where site name is printed.

How to use: Keep it short and brand-consistent (usually 1–3 words).

<div data-with-frame="true"><figure><img src="/files/uxShjFliOlos3lRb9IO4" alt=""><figcaption><p>Site title and descrption</p></figcaption></figure></div>

### Site Description

What it does: Defines your publication tagline/description.

Where it appears: SEO/meta and theme areas that use publication description text.

How to use: 1 sentence that clearly says what your site is about.

### Logo

What it does: Main logo image for light mode.

Where it appears: Header logo and other logo render points.

How to use: Upload a transparent PNG/SVG with consistent padding.

Tip: Final rendered size is also affected by `--travio-logo-nav-height` (if you use [code injection](/travio/getting-started/code-injection-variables.md) CSS variables).

<div data-with-frame="true"><figure><img src="/files/xLgAx0qTjk8Rlt2InHJD" alt=""><figcaption><p>Brand logo</p></figcaption></figure></div>

### Icon

What it does: Browser/favicon icon.

Where it appears: Browser tab, bookmarks, app shortcuts.

How to use: Upload a square icon.

<div data-with-frame="true"><figure><img src="/files/KTM6AfYJkZf7UUXyXbed" alt=""><figcaption><p>Brand icon (Favicon)</p></figcaption></figure></div>

### Accent Color

What it does: Global accent color from Ghost brand settings.

Where it appears in Travio: Buttons, highlights, chips, and derived shade system.

How Travio handles it: Theme script generates a full accent shade scale from this value for consistent UI contrast.

<div data-with-frame="true"><figure><img src="/files/MXjBBTQQpby9NQ8qpHWA" alt=""><figcaption><p>Accent color for Light Mode</p></figcaption></figure></div>