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

# Customize your catalog's appearance

> Set your brand color, logo, favicon, dark/light mode, and hero section.

All appearance settings live in **Dashboard → Settings → General**. Changes take effect immediately — no rebuild needed.

## Brand color

Your primary color controls buttons, links, active states, and highlighted UI elements across the public catalog and the listing owner panel.

Enter any hex color (e.g. `#2563eb`). Supadir automatically generates four CSS variables from it:

* `--catalog-primary` — main color
* `--catalog-primary-dark` — hover states
* `--catalog-primary-light` — backgrounds, badges
* `--catalog-header` — top navigation bar

<Tip>
  Use your brand's main color. If you don't have one yet, try a high-contrast color that works well on both white and dark backgrounds. Tools like [coolors.co](https://coolors.co) or [realtimecolors.com](https://realtimecolors.com) help you preview palettes before committing.
</Tip>

## Dark / light mode

Choose whether your catalog renders in **light mode** or **dark mode**. This applies to the public catalog visible to visitors.

The admin panel always uses the Supadir platform theme (teal/dark) regardless of this setting.

## Logo

Upload your logo from **Settings → General → Logo**. Recommended format: SVG or PNG with transparent background. It will appear in:

* The public catalog header
* The listing owner login and registration pages
* Outgoing email headers (if configured)

<Info>
  There's no strict size requirement, but logos wider than \~300px and taller than \~80px may be cropped on smaller screens. Aim for a horizontal/landscape layout.
</Info>

## Favicon

Upload a square icon (ideally 512×512 PNG or SVG) that will appear in browser tabs when someone visits your catalog.

## Hero section

The hero is the first thing visitors see on your catalog's homepage. You can configure:

* **Hero title** — the main headline (e.g. "Find a trusted physiotherapist in Warsaw")
* **Hero description** — a short supporting text below the headline
* **Hero background** — color or image (depending on your theme)

<Tip>
  The hero title is also one of the strongest SEO signals for your homepage. Write it the way your visitors would search: include the profession, niche, or location. See the [SEO guide](/admin/seo/title-description-hero) for more on this.
</Tip>

## Catalog name and language

* **Catalog name** — shown in the browser tab title, email subjects, and meta tags
* **Language** — controls the language of all platform UI elements in your catalog

<Info>
  When you set a language, all platform-generated text is translated automatically: navigation, search labels, filters, buttons, registration and login forms, error messages, and transactional emails to listing owners. Supported languages: English (US), Polish, German, French, Spanish (Spain), Italian.

  Your own content — catalog name, hero text, listing bios, specialization names — is always displayed in whatever language you write it in. That content is not translated automatically.
</Info>

## Registration toggle

You can open or close public registration for new listing owners from **Settings → General → Allow new registrations**.

When registration is closed, visitors who try to sign up see a "registration is currently closed" page. Existing owners can still log in. You can still invite people manually via the [invitation system](/admin/content/invite-owner).