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

# Appearance Settings

> Customize the look and feel of your Winnerr workspace — dashboard style, themes, layout, typography, and accessibility

Appearance Settings (`/settings/appearance`) lets you personalize how Winnerr looks. Choose your dashboard style, pick a theme, adjust the layout density, change fonts, and configure accessibility options.

## Dashboard Style

(`/settings/appearance/dashboard`)

Choose the layout for your home screen. Your selection is saved to your account and syncs across every device you sign in on.

| Style              | Best for                                                                                            |
| ------------------ | --------------------------------------------------------------------------------------------------- |
| **Command Center** | An action-first daily agenda — call queue, tasks due, what moved, and commission pace. The default. |
| **Command Board**  | A KPI board — commission pace, call/message/contact counts, open tasks, and an activity ledger.     |
| **Winnie (Chat)**  | The chat-first home base with Winnie's AI briefing and side panels.                                 |

<Tip>
  You can also switch styles instantly from the dropdown in the top-right of the dashboard — no need to open Settings. See the [Dashboard guide](/home/overview#choose-your-dashboard-style) for the full breakdown of each layout.
</Tip>

## Theme

Pick a color theme to match your brand or personal preference:

| Option     | Description                                             |
| ---------- | ------------------------------------------------------- |
| **Light**  | Clean white background, dark text                       |
| **Dark**   | High-contrast dark background, ideal for low-light work |
| **System** | Automatically follows your OS preference                |
| **Custom** | Choose a primary color from the palette                 |

### Custom colors

Choose a custom accent color that will be used for buttons, links, highlights, and active states throughout the interface. This doesn't change your client-facing portal (configured separately under your portal settings).

## Layout

(`/settings/appearance/layout`)

Control how the main app layout feels:

| Setting               | Options                              |
| --------------------- | ------------------------------------ |
| **Sidebar style**     | Expanded (default) · Collapsed icons |
| **Density**           | Comfortable · Compact                |
| **Content width**     | Full-width · Centered max-width      |
| **Card view default** | List · Grid                          |

## Typography

(`/settings/appearance/typography`)

| Setting         | Options                                    |
| --------------- | ------------------------------------------ |
| **Font family** | System (default) · Inter · DM Sans · Geist |
| **Font size**   | 14px · 15px (default) · 16px               |
| **Line height** | Compact · Normal · Relaxed                 |

## Accessibility

(`/settings/appearance/accessibility`)

| Setting                | Description                                          |
| ---------------------- | ---------------------------------------------------- |
| **Reduce motion**      | Disables decorative animations throughout the app    |
| **High contrast mode** | Increases contrast ratios on text and UI elements    |
| **Focus indicators**   | Enhances visible focus rings for keyboard navigation |
| **Cursor size**        | Normal · Large                                       |

<Tip>
  If you find the interface too animated, enabling **Reduce motion** is the fastest way to make Winnerr feel calmer without changing anything else.
</Tip>