# Set the look and feel of your gateway

Look & feel sets the name, logo, color, links and words on what a gateway user sees: the gateway's sign-in page and the confirmation card inside their chat. It is set once for the workspace and applies to every gateway and every environment. Each page still names the gateway the person is signing in to.

## Set your identity and color

To set the look:

1. In the portal, go to [**Settings**](https://auth.faustine.ai/go?to=%2Fsettings%3Ftab%3Dbranding) and select **Look & feel**.
2. Under **Identity**, fill in **Name**, **Logo** and **Icon**.
3. Under **Colour**, choose the **Accent**.
4. Under **Links**, enter the **Terms**, **Privacy** and **Support** URLs. A link left empty is not shown.
5. Under **Words**, enter your own text for the places listed in the table.
6. Select **Save changes**.

The preview beside the form is the page the gateway serves, rendered with what you have entered. Switch it between **Sign-in** and **Confirmation card**, between their steps, and between light and dark. Nothing applies until you save.

| Field | What it sets |
| --- | --- |
| **Name** | Replaces "Faustine" at the top of every page. Up to 60 characters. Leave it empty if your logo already reads as your name. |
| **Logo** | The mark next to your name, shown 22 px tall. PNG, JPEG or WebP, up to 64 KB. Larger images are scaled down. |
| **Icon** | A square mark: the browser tab icon, the mark on the confirmation card, and the mark next to your name when there is no logo. |
| **Accent** | One color for buttons, focus rings and links. Faustine derives the light and dark variants from it, and darkens a pale color until white button text is readable. |
| **Sign-in heading** | The heading of the sign-in page. Empty shows "Sign in with your gateway user". Up to 80 characters. |
| **Note under the sign-in text** | A line under the explanation of what the client can do. Up to 300 characters. |
| **Sign-in footer** | The footer of the sign-in page. Empty shows "Gateway users are managed by the \<gateway\> administrators." Up to 200 characters. |

## The confirmation card

A confirmation card is drawn inside another company's app, so it follows that app's layout. It takes your name and your accent in every client, and your icon where the client allows a mark. ChatGPT does not allow a logo inside cards, so the icon is left out there. The preview has a **Claude** and **ChatGPT** switch to see both. For when the card appears, see [Confirmation](https://docs.faustine.ai/agent-gateway/confirmation/).

## What you cannot change

The sentences that tell the person what the client can do on their behalf, and that nothing runs until they decide, stay as they are. Your words are added next to them. There is no custom CSS or HTML.

On the Faustine address, a page that carries your brand also says "Secured by Faustine" in the footer. On a [custom domain](https://docs.faustine.ai/agent-gateway/custom-domain/) the line is not shown.

## The API reference

Your accent and logo are also the defaults of each gateway's API reference. A value set in a gateway's **Docs** tab replaces them for that environment. See [Customize the gateway docs page](https://docs.faustine.ai/agent-gateway/docs-page/).

## Next steps

- [Customize the gateway docs page](https://docs.faustine.ai/agent-gateway/docs-page/): the title, texts and operations of the API reference.
- [Use a custom domain](https://docs.faustine.ai/agent-gateway/custom-domain/): serve the sign-in page from your own hostname.
- [Create a gateway user](https://docs.faustine.ai/agent-gateway/gateway-users/): the people who see the sign-in page.