Skip to main content

Set and manage your office’s default design

Super admins have access to manage the office’s default design so all new projects automatically use your company branding across offers, forms, programmes and invoices.

Martin Moen avatar
Written by Martin Moen
Updated yesterday

By default, all new projects inherit your office's standard design settings. Super admins have access to the Design tab in Office settings to configure the default branding for offers, forms, program, and invoices — to avoid customising each project individually.

💡 Tip: You can still override these defaults for individual projects. See Set a custom offer design for a project for details.


HOW TO ACCESS THE DESIGN TAB

  1. Go to SettingsOffice in the main menu

2. Click the Design tab.


UPDATE YOUR DEFAULT DESIGN SETTINGS

OFFER DESIGN

Configure the default design for Customer Web offer pages.

📌 Note: These settings apply to both new and existing projects.


Step 1: Upload your images

Logo

  • Upload a logo that will appear at the top of your offers

  • Recommended width: 700px

Footer image

  • Upload an optional footer image for the bottom of offers

  • Recommended width: 1280px


Step 2: Choose your font

Select a font from the dropdown menu. This font will be used throughout the offer pages shown to your customers.


Step 3: Set your colours

Use the colour pickers to customise each element of your offer:

  • Background colour — The main page background

  • Header colour — The top header area

  • Header links colour — Links displayed in the header

  • Menu colour — The navigation menu background

  • Offer details colour — Product/service detail sections

  • Table header colour — Headers in pricing tables

  • Terms box colour — The terms and conditions section

  • Button colour — All action buttons (e.g. "Send reply")

  • Footer colour — The bottom footer area

💡 Tip: Click on a colour field to open the colour picker. You can enter a specific hex code or use the visual picker to find the perfect shade.

Framed screenshot



FORM DESIGN

Configure the default design for registration forms (Participant Web).

📌 Note: These settings only apply to new projects. Existing projects keep their current design.


Step 1: Upload your logo

  • Upload a logo that will appear at the top of your forms

  • Recommended width: 250px


Step 2: Choose your font

Select a font from the dropdown menu for your registration forms.


Step 3: Set your colours

  • Background colour — The form page background

  • Header colour — The top header area

  • Menu colour — The navigation menu

  • Step colour — Progress steps/breadcrumbs

  • Button colour — Action buttons (e.g. "Next", "Submit")​


PROGRAM DESIGN

Configure the default design for program pages.

📌 Note: These settings only apply to new projects. Existing projects keep their current design.

Step 1: Upload your logo

  • Upload a logo for your program pages

  • Recommended width: 250px


Step 2: Choose your font

Select a font from the dropdown menu for your programs.


Step 3: Set your colours

  • Font colour — Text colour throughout the program

    Background colour — The page background

  • Activity colour — Activity section styling

  • Details colour — Details section styling

Framed screenshot



INVOICE & BOOKING CONFIRMATION

Configure the logo used on invoices and booking confirmation documents.

Upload your logo

  • Upload a logo for invoices and booking confirmations

  • Recommended width: 150px


Show logo on booking confirmation

Tick this checkbox to display your logo on booking confirmation documents.

📌 Note: Invoices: The logo applies to both new and existing projects. Booking confirmations: The logo and settings only apply to new projects.

Framed screenshot



Save your changes

Click Save at the bottom of the page to apply your design settings.



GOOD TO KNOW

  • You need Super Admin access or higher to edit office design settings.

  • Offer design changes apply to all projects (new and existing).

  • Form and Program design changes only apply to new projects — existing projects keep their current design.

  • Individual projects can override these defaults using the project-level Design button.

  • These are your office defaults — they won't affect projects that already have custom designs applied.

Did this answer your question?