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

# Scheduling

> Theme your public booking pages (colors, fonts, logo, and footer) and publish changes live.

**Scheduling** controls how your public booking pages look to visitors: their colors, fonts, logo, and footer. It's separate from the **Scheduling** app in the Dock (where you build events and review booked meetings) and from workspace [Branding](/branding), which manages your logo, favicon, and brand palette for the rest of the product. Scheduling reads your logo and brand colors from Branding to populate the logo display and workspace preset group, but the booking-page color and font settings are independent and saved separately.

<Note>
  Open **Settings** from the **Dock** (the app bar at the bottom of the screen), then select
  **Scheduling** under **Workspace Settings** (admin only). The page opens a two-pane editor:
  controls on the left under **Branding**, and a live **Preview** on the right. Select
  **Publish** in the page header to push changes live.
</Note>

## Editor layout

The page has two panes side by side:

| Pane                | What it shows                                                                                                                                                                 |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Branding** (left) | All style controls: logo, presets, colors, fonts, and footer toggle.                                                                                                          |
| **Preview** (right) | A live rendering of the booking page using your current draft settings. Switch between **desktop** and **mobile** views using the icons at the top right of the preview pane. |

Changes you make in the Branding pane update the Preview instantly. Nothing is visible to visitors until you select **Publish**.

## Branding controls

The controls appear in this order inside the Branding pane.

### Logo

Your workspace logo, synced automatically from [Branding](/branding). To change it, update the logo on the Branding page. The booking page picks it up automatically. You cannot upload a separate logo here.

### Presets

Quick-start themes you can apply with one click. Selecting a preset loads a full set of colors and a font into the draft, and you can then fine-tune any individual control.

There are two groups of presets:

| Group                       | What they are                                                                                                                                                                                                                                                                      |
| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Built-in presets**        | Six ready-to-use themes: **Default Light**, **Default Dark**, **Default Warm**, **Default Midnight**, **Default Forest**, and **Default Violet**.                                                                                                                                  |
| **From workspace branding** | Themes generated from your workspace brand colors (set on the [Branding](/branding) page). These only appear when you have at least one brand color configured. Up to eight workspace presets are shown, including light, dark, bold, and tint variations built from your palette. |

Each preset is shown as a small color swatch. Hover over a swatch to see its name, then select it to apply.

### Backgrounds & texts

Set the colors for the booking page surface and the text on it.

| Control              | What it does                                                          | How to use it                                                                                             |
| -------------------- | --------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
| **Background color** | The page background color visitors see when they open a booking link. | Select the color swatch to open the color picker. For example, `#FFFFFF` for white or `#2D2D2D` for dark. |
| **Text color**       | The color of headings, labels, and body copy on the page.             | Select the color swatch. For example, `#0A0A0A` for near-black.                                           |

### Buttons

Set the colors for action buttons on the booking page, such as the **Confirm booking** button.

| Control               | What it does                            | How to use it                                                                    |
| --------------------- | --------------------------------------- | -------------------------------------------------------------------------------- |
| **Button color**      | The fill color of booking-page buttons. | Select the color swatch. For example, your brand primary color.                  |
| **Button text color** | The label color inside buttons.         | Select the color swatch. For example, `#FFFFFF` for white text on a dark button. |

<Note>
  The workspace presets automatically pick a button text color that meets contrast requirements
  against the button background. When you set colors manually, make sure the text color is
  readable against the button background. The preview shows the result in real time.
</Note>

### Fonts

Choose the typeface used across the booking page.

The font picker shows two groups:

| Group               | What's in it                                                                                                                                                                                                                                                                                                                                                                                            |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Default fonts**   | A curated list of 25 Google Fonts: `Inter` (the default), `DM Sans`, `Geist`, `Geist Mono`, `IBM Plex Mono`, `IBM Plex Sans`, `JetBrains Mono`, `Lato`, `Lexend`, `Lora`, `Manrope`, `Montserrat`, `Nunito Sans`, `Open Sans`, `Playfair Display`, `Plus Jakarta Sans`, `Poppins`, `PT Serif`, `Raleway`, `Roboto`, `Roboto Slab`, `Source Sans 3`, `Source Serif 4`, `Space Grotesk`, and `Work Sans`. |
| **Workspace fonts** | Any additional fonts configured on your workspace [Branding](/branding) page, if they are not already in the default list.                                                                                                                                                                                                                                                                              |

Open the picker, search by name, and select a font. The preview updates immediately so you can see how it reads in context.

### Powered by Default footer

A toggle that controls whether a "Powered by Default" attribution appears at the bottom of your booking pages.

| State            | What visitors see                               |
| ---------------- | ----------------------------------------------- |
| **On** (default) | The Default attribution is shown in the footer. |
| **Off**          | The footer attribution is hidden.               |

## Publishing changes

All edits are drafts until you publish. The page header shows the current state:

| Badge                       | Meaning                                                           |
| --------------------------- | ----------------------------------------------------------------- |
| **Unsaved changes** (amber) | Your draft differs from what visitors currently see.              |
| **Published** (green)       | The live booking page matches your draft, no unpublished changes. |

<Steps>
  <Step title="Adjust your theme">
    Use the Branding controls to set your colors, font, logo, and footer preference. Check
    the Preview pane, toggle between **desktop** and **mobile** to confirm the result on
    both form factors.
  </Step>

  <Step title="Publish">
    When the preview looks right, select **Publish** in the top-right of the page header.
    The badge switches from **Unsaved changes** to **Published**, and the new theme goes
    live on all your booking pages immediately.
  </Step>
</Steps>

## Relationship to workspace Branding

Scheduling appearance and [Branding](/branding) are two distinct settings pages that work together:

* **Branding** manages your workspace identity: logo, favicon, up to three brand colors, and up to three fonts. These are used across the Default product.
* **Scheduling appearance** themes the *public booking pages* that visitors see when they book a meeting. It reads your logo and brand colors from Branding to populate the logo display and the workspace preset group, but its color and font settings are independent and saved separately.

If you update your brand colors on the Branding page, the workspace presets on the Scheduling page regenerate to reflect them, but any custom colors you set manually are not overwritten.
