Event Theme Customisation: Brand Colours and Logos

Customise event branding on Seaty: apply your brand colour, upload header logos, add sparkle effects, and set themes at organisation, tour, or event level.

Overview

Theme customisation lets you apply your organisation's visual identity to the modals, dialogs, and emails that customers see when booking tickets. Instead of the default Seaty branding, customers experience your colours and logo throughout their purchase journey.

At its simplest, theme customisation answers one question: How do I make the booking experience match my brand?

Who uses this: Event organisers and administrators who want consistent branding across their ticketing.

Key capabilities:

  • Set a main brand colour applied to headers, buttons, and backgrounds
  • Upload a header logo displayed at the top of modals and confirmation emails
  • Add visual effects like animated sparkles for festive events
  • Fine-tune spacing around your header image
  • Set themes at organisation, tour, or event level with automatic inheritance
The Theme editor showing the toolbar with Save and Disable buttons, the Theme toolbar with Colour picker, Add Image, Sparkle toggle, Clear header, and Padding X and Y controls, and a live preview of the theme applied to a modal with the event name and example ticketsThe Theme editor showing the toolbar with Save and Disable buttons, the Theme toolbar with Colour picker, Add Image, Sparkle toggle, Clear header, and Padding X and Y controls, and a live preview of the theme applied to a modal with the event name and example tickets

How It Works

At a glance: Set your branding once at organisation level, then optionally override it for specific tours or events. The system automatically applies the most specific theme available.

1. Choose your theme level

Decide whether you need branding for all your events (organisation theme), a specific production run (tour theme), or a single special event (event theme). Most organisers start with an organisation theme.

2. Configure your visual identity

Select your brand colour using the colour picker, upload your logo as a header image, and adjust padding to position it correctly. The preview shows exactly how customers will see it.

3. Enable and save

Enable the theme for your chosen level (organisation, tour, or event). When you save, the system applies your branding to all relevant booking modals and confirmation emails.

4. Override when needed

For special occasions, create a more specific theme. An event theme overrides its tour theme, which overrides the organisation theme. This lets you maintain consistent branding while still customising individual events.

Think of it this way:

  • Organisation theme sets your default brand identity for everything
  • Tour theme customises branding for a specific production or series
  • Event theme provides unique branding for a single special occasion
  • No theme falls back to the next level up, or the default Seaty branding

Theme Priority

When displaying branding to customers, the system checks for themes in this order:

  1. Event theme - If the event has its own theme enabled, use it
  2. Tour theme - If the event belongs to a tour with a theme, use that
  3. Organisation theme - If the organisation has a theme, use that
  4. Default Seaty theme - A professional blue colour scheme with the Seaty logo

Why this hierarchy? It lets you set branding once and reuse it automatically, while still giving you flexibility for special occasions. A theatre might use their organisation theme for most shows, a festive tour theme for their Christmas pantomime season, and a unique event theme for their gala opening night.


Main Colour

The main colour appears throughout the customer experience:

  • Modal headers and top banners
  • Subtle background gradients
  • Confirmation and action buttons
  • Email header backgrounds

To set your colour, click the Colour dropdown and either enter a hex code or use the visual picker. Changes appear immediately in the preview.

Note: Choose colours with sufficient contrast against white text. The system uses white text on coloured backgrounds, so very light colours may be hard to read. Default colour is #105699 (a professional blue).

The colour picker open showing the saturation and brightness area, hue slider, hex code input field, and the preview updating in real time behind the pickerThe colour picker open showing the saturation and brightness area, hue slider, hex code input field, and the preview updating in real time behind the picker

Header Image

Header images appear at the top of modals and emails, establishing your brand immediately.

  • Width: 500 pixels for best display
  • Height: Under 400 pixels to keep dialogs compact
  • Format: PNG with transparent background looks most professional
  • File size: Under 200KB for fast loading

Adding a header image

  1. Click Add Image in the toolbar
  2. Browse and select your image file
  3. The image uploads and appears in the preview
  4. Adjust padding if needed

Adjusting header padding

Control the spacing around your header image:

  • Padding Y - Vertical spacing (top and bottom) - default 10 pixels
  • Padding X - Horizontal spacing (left and right) - default 20 pixels
  • Increment: 5 pixels per click

Why adjust padding? Images with built-in whitespace need less padding, while tight crops may need more. Start with the defaults and adjust based on how your logo sits within the header.

Removing a header image

Click Clear header in the toolbar. This removes the image and resets padding to defaults. Your brand colour remains applied.


Sparkle Effect

The sparkle effect adds animated sparkle particles to the theme background, creating a festive atmosphere.

Toggle between Sparkle and Standard in the toolbar to enable or disable the effect. The preview demonstrates the animation immediately.

When sparkles work well

  • Children's shows and pantomimes
  • Special occasions like galas and premieres
  • Festive events such as Christmas shows
  • High-energy productions like musicals

When to avoid sparkles

  • Professional and corporate events
  • Serious drama or classical performances
  • When subtlety is preferred for your brand

Note: Some users may find animations distracting. Consider your audience when deciding whether to enable sparkles.


Setting Up Your Theme

  1. Navigate to your Organisation Settings
  2. Open the Theme section
  3. Click Enable in the toolbar
  4. Set your brand colour
  5. Upload your header logo
  6. Adjust padding as needed
  7. Save your changes

All new events automatically inherit this theme unless you override it.

For a tour

  1. Create or edit a tour
  2. Open the Theme section
  3. Enable and configure tour-specific branding
  4. Save

All events within the tour use this theme, overriding the organisation theme.

For a single event

  1. Open the event in the Event Editor
  2. Navigate to Theme
  3. Enable and configure event-specific branding
  4. Save

This event theme takes priority over tour and organisation themes.

Disabling a theme

To have an event (or tour) fall back to the next level's theme:

  1. Navigate to the Theme section
  2. Click Disable in the toolbar

Important: Disabling a theme resets your custom settings. Re-enabling creates a fresh default theme with the standard colour and Seaty logo. If you plan to re-enable later, note down your hex colour code and re-upload your header image after enabling.

The Theme editor with theme disabled, showing the toolbar with Save and Enable buttons, and the Theme Disabled message explaining the theme priority hierarchyThe Theme editor with theme disabled, showing the toolbar with Save and Enable buttons, and the Theme Disabled message explaining the theme priority hierarchy

Preview and Testing

The preview section shows your theme exactly as customers will see it:

  • Header - Your logo and brand colour
  • Close button - Check it's visible against your header image
  • Body content - Example event information and tickets
  • Buttons - Confirmation button styling
The theme preview showing the header with logo and brand colour, event name and venue details, an information block explaining theme priority, and example ticket rows with pricingThe theme preview showing the header with logo and brand colour, event name and venue details, an information block explaining theme priority, and example ticket rows with pricing

Before going live

  1. Check the preview - Verify text is readable and buttons stand out
  2. Test on mobile - View your event on a smartphone to check scaling
  3. Complete a test purchase - See how the theme appears in the full booking journey
  4. Check confirmation emails - Verify your branding displays correctly in email clients

Common Questions

Theme visibility

Why can't I see my theme on the event page?

The theme applies to modals, dialogs, and emails, not the main event listing page. You'll see your theme when customers click "Buy Tickets", select seats, complete checkout, and receive confirmation emails.

Will my theme appear in emails?

Yes. Confirmation emails include your header image and brand colour in the email header.

Theme inheritance

Should I use the same theme for all my events?

For most organisations, yes. Set your organisation theme once and let all events inherit consistent branding. Only create event-specific themes for genuinely unique occasions.

What happens if I don't set a theme?

Events without custom themes use the default Seaty theme - a professional blue colour scheme with the Seaty logo.

What if I change my organisation's branding?

Update your organisation theme and the new branding automatically applies to all events using that theme. Events with their own themes need individual updates.

Images and colours

Can I use the same image for header and event poster?

You can, but they serve different purposes. Event posters are promotional images showcasing the production. Header logos are brand identifiers in modals and emails. Best practice: use your event poster in the Images section, and your organisational logo in the theme header.

How do I know if my colour choice is accessible?

Look at the preview carefully. Can you easily read white text against your colour? If any text feels hard to read, choose a darker or more saturated colour.

Can I use animated GIFs in my header?

The system accepts GIFs, but animation doesn't display reliably across all contexts. Use static images (PNG or JPG) for consistent results.

Troubleshooting

My header image is too large

Resize your image before uploading. Use image editing software to create a version 500 pixels wide.

The close button overlaps my logo

Either redesign your header with space in the top-right corner, or increase padding to create more whitespace around the logo.

Changes don't appear on my event

  1. Verify you saved your changes (check for the confirmation message)
  2. Clear your browser cache and reload
  3. Test in the modals (click "Buy Tickets"), not the main event page

Text is hard to read against my colour

Choose a darker or more saturated colour. Very light colours don't provide sufficient contrast against white text.


Next Steps

Once your theme is configured, continue customising your event:

Need help? Visit our Organiser FAQ or contact support.