Designing a catalog

Overview

Open the Design tab from the catalog card on the Dashboard or from the Manage page. The Design tab has two top-level tabs:

• Catalog Page — styles the catalog's header, program list, and page background. Changes here only affect the catalog listing page, not the individual programs.
• Program Theme — a shared design theme that overrides each program's individual design when viewed inside this catalog. When enabled, a small ON badge appears on the tab. Toggle it off to let each program keep its own design.

A live preview panel on the right updates as you make changes. Click anywhere in the preview to open a full-width view in a new tab.

Catalog Page tab

The Catalog Page tab is organized into three sections in the left nav: Global Settings, Presets, and Custom.

Global Settings

Apply a property to all text elements on the catalog page in one step — useful for setting a consistent alignment, text transform, or color scheme without opening each panel individually.

Available global controls for the catalog page:

• Alignment — sets Left, Center, Right, or Justify across all catalog text at once
• Heading Case — text transform applied to the catalog title and accent badge
• Body Case — text transform applied to the program count, description, and dropdown text
• Heading Font — font applied to heading-level elements (title, accent)
• Body Font — font applied to body-level elements (count, dropdown)
• Heading Color — color applied to the catalog title
• Body Color — color applied to the description and count text
• Page Background — sets the overall page background color
• Header Background — toggle and color for the header area behind the title block

Color & Font Presets

Color Schemes

Browse curated color presets and apply one with a single click. Each scheme sets the page background, header, title, accent, and text colors for the catalog page all at once.

1. Click Color Schemes in the Presets section of the nav.
2. Browse the available schemes and click one to apply it to the live preview.
3. Click Save to keep it, or use Undo to revert.

Font Combinations

Browse curated font pairings and apply one with a single click. Each combination sets fonts for the catalog title, accent, count line, and dropdown text.

1. Click Font Combinations in the Presets section of the nav.
2. Browse the curated pairings and click one to apply it.
3. Click Save to keep it, or use Undo to revert.

Custom panels

Fine-tune individual elements of the catalog page using the Custom panels. Click any panel name in the nav to open it.

Page Background

Sets the background color of the entire catalog page — header area and program viewer included.

Header Area

Optionally adds a distinct background color behind the catalog header (title, badge, description, and program count). Toggle the background on and pick a color.

Accent / Badge

The accent color drives the small Catalog · XXXXXXXX badge above the title, the expand chevron, and the live indicator. Full typography controls are available: font, size, weight, alignment, letter-spacing, line height, and text transform.

Title

Color, font, size, weight (bold), italic, alignment, letter-spacing, line height, and text transform for the main catalog title.

Program Count

Styles the N programs line below the title — color, font, size, weight, and alignment.

Description

Sets the color of the catalog description text.

Program List

Styles the expandable program list that appears when a guest taps the chevron next to the count. Controls include:

• Item title color — the program name in each row
• Date / meta color — the date, time, and venue line below each title
• Item background — toggle on to add a background color to each row
• Full typography controls: font, size, weight, alignment, letter-spacing, line height, text transform

Program Theme tab

When the Apply to programs toggle is on (enabled by default), every program viewed inside this catalog uses the shared theme you design here instead of its own individual settings. This gives a consistent look across all programs without editing each one. The tab shows an ON badge when the theme is active.

Like the Catalog Page tab, the Program Theme tab has three sections in the nav: Global Settings, Presets, and Custom.

Global Settings

Apply alignment, text transform, font, or color to all program text elements in one step — same controls as the program's Design tab Global Settings.

Color Schemes

Browse curated color presets and apply one with a single click. Each preset sets the highlight color, background, and text colors for the program theme all at once.

Font Combinations

Browse curated font pairings and apply one with a single click. Each combination sets fonts for the title, description, section headings, item headings, item content, and credits block.

Custom panels

Individual panels for fine-tuning each element of the shared program theme:

• Page Background — background color for the program viewer area inside the catalog
• Header Area — optional background color behind the program title and description
• Title — font, color, size, weight, alignment, letter-spacing, line height, and text transform for the program title
• Description — font, color, size, weight, alignment, and spacing for the program description
• Date & Venue — styles the date, time, and venue line shown in the program header
• Section Heads — color, background, border, font, size, and alignment for section divider rows
• Item Cards — background, border, and typography for item rows
• Live Highlight — the color used to highlight the currently live item during Live Control
• Credits Block — colors, fonts, and alignment for the credits / cast block

Saving, undoing, and resetting

• Click Save in the toolbar to apply your changes.
• Use Undo (Ctrl+Z) and Redo (Ctrl+Y) to step through unsaved changes.
• Click Reset to restore defaults for the active tab only — Catalog Page and Program Theme defaults are reset independently.