# Brand your docs site

Your docs site and support widget use one design language, tuned to look right out of the box. You bring the small set of things that make it unmistakably yours: a logo, an accent color, and your name. Everything lives in Settings, under General. You need the owner or admin role to change these.

![General settings with logo, project name, and accent color](https://d1fz24v557o32j.cloudfront.net/project-images/0319adcc-8d8c-4b62-8847-5f6ca52a92ff/be252e96-252b-479f-a468-3bdcafd1134a.png)

## Logo

Upload a PNG, JPEG, or SVG up to 2 MB. Square images work best. SVGs are converted to PNG during upload. Your logo appears in the docs site header and in the support widget. If you remove it, the site falls back to a brand-colored initial with your project name, which looks intentional rather than unfinished.

## Accent color

Pick any hex color. Clayo uses it for links, buttons, and focus rings across your docs site and the widget, in both light and dark mode. If you pick a color close to the red used for errors and destructive actions, the dashboard warns you, so visitors never read your links as warnings.

## Favicon

You do not upload a favicon. Your site uses your logo when you have one, and otherwise generates a monogram in your accent color. It never falls back to the Clayo mark: the browser tab belongs to your brand.

## Project name

Your project name appears in the docs site header, in the widget, and in emails your team receives. Rename it any time in the same settings page.

## Why there is no theme editor

Clayo is deliberately opinionated about design. There are no font pickers, no layout options, and no custom CSS. The design system is one carefully tuned language, and every Clayo docs site gets it in full. Your logo and accent color are enough to make the site read as yours, and nothing you can set will make it read as broken.

:::callout{type="tip"}
A quick way to check your branding: open your live site, toggle dark mode, and confirm your logo and accent color hold up in both themes.
:::

![A docs site header with a customer logo and accent color applied](https://d1fz24v557o32j.cloudfront.net/project-images/0319adcc-8d8c-4b62-8847-5f6ca52a92ff/bde1d488-fabd-4c2c-9f86-d144693c3358.png)

Related: [A tour of your docs site](/articles/docs-site-tour) and [Add the support widget to your site](/articles/add-the-widget).