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

# Branding

> Style your widget to match your website using theme, fonts, colors, sizes, and optional custom CSS.

Use this section to control how the widget looks on your website.

This section is for people who manage design and user experience in your company.

Click the [**Branding**](https://app.remapdb.com/widget/branding) item in the main navigation.

## What you can control in Branding

* Copyright notice visibility.
* Primary font.
* Theme mode (Light, Dark, Auto).
* Colors and sizes in the visual customizer.
* Advanced styling with custom CSS.

## Recommended setup order

<Steps>
  <Step title="Open Theme and layout first and set copyright notice and theme behavior." />

  <Step title="Set typography and color system in Colors and typography." />

  <Step title="Add Custom CSS only for edge cases that cannot be solved with built-in controls." />

  <Step title="Verify the result on your live website on desktop and mobile." />
</Steps>

<Info>
  Some Branding controls depend on your [plan](https://app.remapdb.com/settings/billing) and [feature access](/feature-availability-by-plan).
</Info>

## Pages in this section

<div className="px-4 pb-10 max-w-6xl mx-auto">
  <Columns cols={2}>
    <Card title="Theme and layout" href="/widget/branding/theme-and-layout" className="rounded-sm">
      Control copyright notice visibility, choose light/dark/auto theme, and manage layout sizing behavior.
    </Card>

    <Card title="Colors and typography" href="/widget/branding/colors-and-typography" className="rounded-sm">
      Set your primary font and tune widget colors and sizes in the visual customizer.
    </Card>

    <Card title="Custom CSS styling" href="/widget/branding/custom-css-styling" className="rounded-sm">
      Add advanced styling rules when built-in Branding controls are not enough.
    </Card>
  </Columns>
</div>