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

# Set your club's logo, colors, and contact details

> Upload your logo, choose your brand colors, and update your organization name and address — all changes flow to your public website and outgoing emails.

Haven applies your club's branding across your public website and the member portal: the header, navigation bar, buttons, accent colors, and outgoing emails all inherit your logo and color choices. Branding settings live in **Settings → General**, not in the Website section.

<Note>
  The admin dashboard always uses Haven's fixed neutral design. Your brand colors and logo only appear on your public site and the member portal — the admin interface itself does not change.
</Note>

## Branding setup

<Steps>
  <Step title="Go to Settings → General">
    In the left sidebar, click **Settings**, then select **General**. Scroll down to the **Logo** and **Brand colors** cards.
  </Step>

  <Step title="Upload your logo">
    In the **Logo** card, choose how to add your logo:

    * **Upload** — drag a file from your computer or click to browse. Accepted formats: PNG, JPG, WEBP, GIF, SVG. Maximum file size: 10 MB.
    * **URL** — paste a direct HTTPS link to an image hosted elsewhere.

    For the best results, use a PNG or SVG with a transparent background. Haven recommends images at least 256 px on the longest side so they look sharp when scaled down in the site header and sidebar.

    <Tip>
      Your logo appears in the public site header, the club admin sidebar, the member portal sidebar, and all outgoing email notifications.
    </Tip>
  </Step>

  <Step title="Set your brand colors">
    In the **Brand colors** card, configure three colors:

    | Color         | Where it appears                                              |
    | ------------- | ------------------------------------------------------------- |
    | **Primary**   | Navigation background, hero section, headings, prominent text |
    | **Secondary** | Supporting backgrounds and secondary UI elements              |
    | **Accent**    | Buttons, links, badges, and highlight elements                |

    Click the color swatch to open a color picker, or type a hex code directly into the field beside it.
  </Step>

  <Step title="Save logo and colors">
    Click **Save logo & colors**. Your public site updates immediately — refresh it in a new tab to see the result.
  </Step>
</Steps>

## Updating your organization's contact information

Your organization name and contact details appear in your site footer on every page. Keep them current so visitors and members can always reach you.

<Steps>
  <Step title="Go to Settings → General">
    In the left sidebar, click **Settings**, then **General**. The **Organization Profile** card is at the top.
  </Step>

  <Step title="Update your details">
    Edit any of the following fields:

    * **Organization name** — displayed in the site footer, browser tab titles, and automated emails
    * **Contact email** — shown in the footer
    * **Contact phone** — shown in the footer
    * **Address** — street, city, state, and postal code shown in the footer
  </Step>

  <Step title="Save">
    Click **Save Changes** at the bottom of the page. The footer on your public site updates immediately.
  </Step>
</Steps>

<Note>
  Your club's URL slug (`{slug}.gohaven.co`) is set when your account is created and cannot be changed from the dashboard. Contact Haven support if you need to update it.
</Note>

## How brand colors apply to your site

Haven uses your three brand colors as CSS variables across the public site template. Here is where each color appears in practice:

* **Primary** — the site header/navigation bar background, hero section background, page headings, and the dominant color in outgoing email headers
* **Secondary** — supporting section backgrounds and secondary card colors
* **Accent** — call-to-action buttons, text links, pinned announcement badges, event price labels, and interactive highlights

Haven automatically calculates whether white or dark text provides better contrast on your primary color, so readable text is always guaranteed regardless of which color you choose.

<Warning>
  Very light primary colors (near white) can make navigation text hard to read. If your club's brand is built around a light palette, consider using a slightly darker shade for the primary color and reserving your lightest tone for the accent.
</Warning>