Help Team & admin

Branding and themes

Your public booking pages and routing forms can carry your organization's identity: its name, logo, colors, images, and fonts. Admins set this from the Admin Center: Branding for the org-level basics, Themes for the page design, and Media for the files themes use.

Branding

The Admin Center → Branding tab covers:

  • Organization name: shown across the app and on public pages.
  • Logo: uploaded image, displayed on booking pages and routing forms.
  • Show logo on booking pages: untick it to keep the logo off your public booking pages.
  • Email Sender Personalization: the display name recipients see on emails 42min sends (see below).
  • Default theme: which theme new event types and routing forms use unless overridden.
Admin Center → Branding: organization name, logo, the default booking page theme, and the email sender name.

Email sender name

Email Sender Personalization sets the display name recipients see in the From line of the emails 42min sends, including booking confirmations, reschedules, cancellations, and workflow emails (reminders, follow-ups, and email steps, to invitees, guests, and hosts alike). Instead of a generic 42min, an email can arrive from Jordan Lee via 42min, which recipients recognize and open more readily.

  • Macros. Use {{HostName}} (the meeting's host) and {{OrgName}} (your organization) in the field, and the buttons below it insert either at your cursor. For example, {{HostName}} via 42min renders as Jordan Lee via 42min.
  • Leave it blank to use the default, {{HostName}} via 42min, where via is automatically translated into each recipient's language.
  • Only the display name changes. The From address stays fixed, so email authentication (SPF/DMARC) stays intact and deliverability is unaffected. To send from your own address, connect Custom Email.

Themes

A theme is the HTML and CSS that frame a public booking page or routing form: the layout around the booking tool, your colors, images, and fonts. Owners and admins manage themes on the Admin Center → Themes tab. Pick one as the organization default on the Branding tab, and override it per event type (the editor's Customization tab) or per routing form (the builder's Customization tab).

Every organization starts with nine sample themes you can use as they are or edit: Default, Dark Theme, New Jersey, California, Florida, Minimal, Cover, Side image, and Large image. Default is also what a page with no theme of its own shows.

The Themes tab lists each theme with what it's Used by and when it was last updated. The organization default is marked In use and reads All pages without their own theme, followed by how many event types and routing forms picked it directly. The row actions are Edit, Duplicate, and Delete.

Admin Center → Themes: each theme, where it's used, and the Edit, Duplicate, and Delete buttons.
  • Deleting a theme doesn't break the pages that used it. They switch to the organization's default theme, or to the standard 42min look if you deleted the default itself. The confirmation tells you which applies before you confirm.
  • Layout update available appears on a theme you customized from a sample after 42min improves that sample. A sample you never edited picks up improvements on its own.

Editing a theme

Click a theme's name (or New theme, which starts from the Minimal sample) to open the editor: the HTML and CSS side by side with a live Preview.

The theme editor: HTML with its placeholder and media buttons, CSS below, and the preview on the right.
  • Placeholders mark where 42min puts the page's own content. Click one under the HTML field to insert it. {{widget}} is the booking tool or the routing form and must appear exactly once. The others are optional: {{org_logo}}, {{org_name}}, {{host_avatar}}, {{host_name}}, {{team_members}}, {{title}}, {{event_duration}}, {{event_location}}, {{description}}, and {{booking_summary}}.
  • Media lists the files in your media library. Click one to insert it: an <img src="media:…"> in the HTML, or url(media:…) in the CSS.
  • Colors live in CSS variables at the top of each sample (--x42-bg, --x42-card, --x42-accent, --x42-text, --x42-heading, and so on). Change the values to recolor the page without touching the layout.
  • Preview switches between a Booking page and a Routing form, and between Desktop and Mobile widths. It updates as you type; visitors see nothing until you click Save.
  • Checks appears above the fields only when something is wrong, with the line number. A theme with errors can't be saved; warnings and notes don't block saving.

Themes are kept safe for your visitors, so the editor refuses a few things: scripts, iframes, forms, SVG, and tables; the style attribute (use a class and style it in the CSS); and images or fonts from other websites. Every image and font comes from your media library, and links must start with http://, https://, mailto:, or tel:.

When a sample you customized has changed, the editor offers Use the current … HTML and Use the current … CSS, keeping your colors. Each replaces only that field.

Media library

The Admin Center → Media tab holds the images and fonts your themes use, shared by every theme in the organization. Drop files on it or click Choose files.

Admin Center → Media: upload images and fonts, watch the storage bar, and copy a file's media: reference.
  • Images: JPG, PNG, WebP, or GIF. Fonts: WOFF2 or WOFF. SVG isn't accepted. Each file must be under 5 MB, and very large images are scaled down to 4096 pixels on the longest side.
  • Storage shows how much of your plan's allowance the library uses (42 MB unless your plan sets otherwise). The same figure appears on Plans & Limits.
  • Each card shows the file's size (and dimensions for an image), which themes use it, and a button that copies its reference, such as media:cover.jpg, for use in a theme. Fonts show a type specimen.
  • Deleting a file tells you first which themes use it. Pages with those themes stop showing it.
  • Upload only fonts you're licensed to use on the web.

How to do it

  1. Admin Center → Branding: set the org name, upload the logo, set the email sender name, pick the default theme.
  2. Admin Center → Media: upload any images and fonts your theme needs.
  3. Admin Center → Themes: open a sample (or Duplicate it first to keep the original), change its colors, images, and layout, and Save.
  4. To override per event type or routing form, use that item's Customization tab.

Common pitfalls

  • Logo looks off. Use a clean image (transparent PNG works well) sized for a header; very large or very wide images can crop awkwardly.
  • A page isn't using the right theme. The default applies unless the event type / routing form has its own theme set on its Customization tab, so check there.
  • "… is not in your media library yet." A theme refers to a file by name, so upload it on the Media tab under exactly that name, or change the reference.
  • Save refused. Look at Checks: a missing {{widget}}, a disallowed tag, or an image from another website are the usual causes.

Last updated November 2, 2026.