> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uplifter.app/llms.txt
> Use this file to discover all available pages before exploring further.

# How do I set my brand colors, logo, and favicon?

> Set your primary and secondary colors plus logo and favicon in the Branding section of Website Builder.

<Note>
  **Must know**

  * You set exactly two brand colors — a **primary** and a **secondary** — plus a logo and a favicon.
  * Text color switches automatically to light or dark so it stays readable on your brand-colored areas.
  * Uploaded images count against your plan's storage quota and are rejected once you exceed it.
</Note>

Your branding drives the look of your whole public site. Set it once in the **Branding** card of Website Builder and it carries across every page.

<Steps>
  <Step title="Upload your logo">
    In **Settings → Website → General**, open the **Branding** card and upload your **Logo**. Uplifter reads colors from the image and suggests swatches under "Detected from your logo."
  </Step>

  <Step title="Pick your two colors">
    Click a detected swatch to set it as your **Primary Color**, or Shift-click to set it as **Secondary Color**. You can also use the color pickers directly or choose from the **Brand color presets**.
  </Step>

  <Step title="Add a favicon">
    Upload a **Favicon** — the small icon shown in a browser tab. Uplifter suggests a 32×32px image, so a small square logo mark works best.
  </Step>

  <Step title="Check the preview and save">
    The brand preview shows how your colors and logo look together. When you're happy, click **Save Changes**.
  </Step>
</Steps>

To customize the banner and content on your home page, see the hero article below.

**Related:** [Customize your home page hero and info boxes](/club/website-store/customize-home-page-hero-info-boxes) · [Choose which pages appear on your website](/club/website-store/choose-which-pages-show)