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

# Brand Design

The **Brand Design** section allows you to customize the appearance of your event page to align with your brand’s visual identity. This includes options for uploading your site logo, adjusting branding elements, selecting colors, and formatting the date and time display. You can also preview your changes before making them live.

Let’s get started 🚀

## Navigation

**Step 1:** Log in to your **Ticket Spot** account and click on the **Design** tab.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/click-design-tab.png?fit=max&auto=format&n=GrIW_LEpFwzKsFHd&q=85&s=79c775c16cde8b1652e7f97b71b6c3c5" alt="click-design-tab" width="1287" height="645" data-path="assets/branding-and-design/brand-design/click-design-tab.png" />

You will be navigated to the **Brand Design** page, where you can customize your brand's design.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/brand-design-page.png?fit=max&auto=format&n=GrIW_LEpFwzKsFHd&q=85&s=6ea33427d82389884a39d4032221c7d7" alt="brand-design-page" width="1747" height="677" data-path="assets/branding-and-design/brand-design/brand-design-page.png" />

## Site Logo

The **Site Logo** section allows you to upload or change the logo that represents your event page.

**Step 1:** Click on the **Upload Image** button.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/upld-image-btn.png?fit=max&auto=format&n=GrIW_LEpFwzKsFHd&q=85&s=addb30a151c33456431bbdc5105c1104" alt="upld-image-btn" width="898" height="482" data-path="assets/branding-and-design/brand-design/upld-image-btn.png" />

**Step 2:** A **file selection dialog box** will appear. This is the pop-up window where you can browse through your files and folders. Select the image you want to upload, and click **Open**.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/open-btn.png?fit=max&auto=format&n=GrIW_LEpFwzKsFHd&q=85&s=602e900d6ca718140ef7cd42b59b0ead" alt="open-btn" width="1276" height="555" data-path="assets/branding-and-design/brand-design/open-btn.png" />

Once the image is uploaded, it will automatically appear in the **Site Logo** field.

**Step 3:** Click on the **Change Image** button to update your logo.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/chng-img-btn.png?fit=max&auto=format&n=GrIW_LEpFwzKsFHd&q=85&s=ace3896f08feff18efd9320a9829cb58" alt="chng-img-btn" width="892" height="437" data-path="assets/branding-and-design/brand-design/chng-img-btn.png" />

## Ticket Spot Branding

In the **Ticket Spot Branding** section, you can decide whether or not to show Ticket Spot branding on your event page.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/toggle-tickspot-brand.gif?s=4c2ea26dbb07a958a16af29f4eeab9ec" alt="toggle-tickspot-brand" width="1920" height="856" data-path="assets/branding-and-design/brand-design/toggle-tickspot-brand.gif" />

You can toggle **ON** to show Ticket Spot branding on your event page, or toggle **OFF** to remove the branding and display your own branding instead.

## Brand Colors

In the **Brand Colors** section, you can customize the colors used on your event page to align with your branding.

* **Brand Primary Color:** Click on the color box next to *Brand Primary Color* to select the main color for your event page (e.g., buttons, accents).
* **Brand Text Color:** Click on the color box next to *Brand Text Color* to select the color for the text on your event page.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/brand-colors.gif?s=a32b701bed5ddd224618b03c5c0ec497" alt="brand-colors" width="1920" height="856" data-path="assets/branding-and-design/brand-design/brand-colors.gif" />

By selecting these colors, you can match the event’s design with your brand’s visual identity.

## Date and Time Format

In the **Date and Time Format** section, you can customize how the date and time appear on your event page.

* **Date Display:** Click on the dropdown menu next to *Date Display* to choose how you want the date to be shown (e.g., “Wed 12th Nov”).
* **Time Display:** Click on the dropdown menu next to *Time Display* to choose the preferred format for displaying the time (e.g., “1:34 PM”).

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/date-time-format.gif?s=18e21bd1f4d433a29150758a93d12c41" alt="date-time-format" width="1920" height="856" data-path="assets/branding-and-design/brand-design/date-time-format.gif" />

By adjusting these settings, you can match the date and time format with your region or preference.

## Preview Your Customizations

After making changes to your event page design, you can preview how it will look on different devices:

* **Desktop Preview:** Click on the **Desktop Preview** tab to see how your event page will appear on desktop devices.
* **Mobile Preview:** Click on the **Mobile Preview** tab to view how your event page will look on mobile devices.
* **Desktop Live:** Click on the **Desktop Live** tab to view a live version of your event page.

<img src="https://mintcdn.com/ticketspot/GrIW_LEpFwzKsFHd/assets/branding-and-design/brand-design/preview-your-customizations.gif?s=e91f682196221fd1dc9232fe03c7b3c8" alt="preview-your-customizations" width="1920" height="856" data-path="assets/branding-and-design/brand-design/preview-your-customizations.gif" />

> **Tip:** Use the **Desktop Preview** and **Mobile Preview** to ensure your design looks good on all screen sizes before going live.
