Complete branding index
On this help page we have outlined all the branding fields available, as well as which file types to input and how this will affect or change the purchase flow and your organiser page. This is designed as an index so that you can search for specific fields to see what they affect in the purchase flow or organiser page and how to use them. For a more thorough introduction to how to use the branding module, we recommend viewing the other articles in this section.
The list is sorted according to the different sections in the Branding tab. Use the search tool in your browser to navigate to a specific field. We hope you find this index useful!
Jump to a specific section:
Account
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Account home url | URL | Link behind "Header logo image", often used to redirect purchasers to your homepage |
Site
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Site favicon image | ICO, PNG, JPG | 64px wide, 64px high | Small icon which appears at by the tab name in your web browser |
Header
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Account home url | URL | Link behind "Header logo image", often used to redirect purchasers to your homepage | ||
| Site favicon image | ICO, PNG, JPG | 64px wide, 64px high | Small icon which appears at by the tab name in your web browser | |
| Header logo image | SVG, PNG, JPG | 900px wide | Main logo which will be shown at the top left-hand side of your events and organiser page | |
| Header logo height | PX | Size of the logo above | 80px is used as a default | |
| Header background color | HTML colour code | Colour for your page header and background to your header logo | ||
| Header foreground color | HTML colour code | Colour of the text overlaying your header background | ||
| Header border bottom width | PX (or dropdown menu selection) | Line/stripe below your header; keep this as 0 if you do not want this | ||
| Header border bottom color | HTML colour code | Colour of the line/stripe below your header | ||
| Header center image | SVG, PNG, JPG | 900px wide | Image to be displayed in the centre of your header | This will show at the top of your pages on the mobile site |
| Header mobile logo image | SVG, PNG, JPG | 33px wide, 170px high | Same as the Header Logo Image, and will be your main logo on our mobile page | |
| Header mobile menu items list | Checkbox selection | Tabs/options which will display in hamburger menu on mobile site |
Main
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Main purchase button vertical side | Dropdown menu selection | Whether "Purchase" button on desktop pages shows above or below ticket types | ||
| Main font src | TTF, OTF | Font and text on your event pages, organiser page and purchase flow | ||
| Main font family | Dropdown menu selection | Whether text contained in e.g. "Description" field will have the customised font applied or not | If left "Default", only titles and labels will be branded | |
| Main subdomain image | PNG, JPG | 370px wide, 170px high | Image which will appear to the right of your events on your organiser page | |
| Main background color | HTML colour code | Colour which will be used as the background of all of your events pages and organiser page | ||
| Main foreground color | HTML colour code | Colour of the text which displays the event date on your organiser page | ||
| Main background image | PNG, JPG | An image can be used as the background for your event pages and organiser page | Loading speed will be heavily affected by large high-quality images | |
| Main background position | Values such as "left top" or "right center", % or PX | Starting position of a main background image | By default, the image is placed at the top-left corner, and repeated both vertically and horizontally | |
| Main background repeat | Dropdown menu selection | How background image is tiled/repeated on the page if too small | ||
| Main background size | PX | Size of background image if it needs resizing | ||
| Main border radius | PX | How rounded the corners of the boxes on your event page will be | The higher the number, the more rounded | |
| Main card background color | HTML colour code | Background colour for the boxes on your event page which contains you event details and your ticket types | ||
| Main card foreground color | HTML colour code | Colour of your event description text | Ensure this stands out against the "Main card background color" | |
| Main card title foreground color | HTML colour code | Colour of the titles for the different cards/boxes which appear on your organiser page | Ensure this stands out against your background settings | |
| Main inner card background color | HTML colour code | Background colour for the boxes which display your item types | ||
| Main inner card foreground color | HTML colour code | Colour of the text displaying your item types | Ensure this stands out against the "Main inner card background color" | |
| Main inner card link foreground color | HTML colour code | Colour of hyperlinked text on event pages and order confirmation | Ensure this stands out against "Main inner card background color" | |
| Main primary background color | HTML colour code | Colour used for the "Purchase" button and the progress bar during the purchase flow | ||
| Main primary foreground color | HTML colour code | Colour of the "Purchase" text and the text which overlays the progress bar during purchase | Ensure this stands out against "Main primary foreground color" | |
| Main primary highlight background color | HTML colour code | Colour used when hovering over "Purchase" button | ||
| Main primary highlight foreground color | HTML colour code | Text colour used when hovering over "Purchase" button | Ensure this stands out against "Main primary highlight background color" | |
| Main secondary background color | HTML colour code | Colour of the "Cart" button and buttons such as "Find your purchased tickets" which appear on your organiser page | ||
| Main secondary foreground color | HTML colour code | Text colour of the "Cart" button and buttons such as "Find your purchased tickets" which appear on your organiser page | Ensure this stands out against "Main secondary background color" | |
| Main secondary highlight background color | HTML colour code | Colour used when hovering over "Cart" button | ||
| Main secondary highlight foreground color | HTML colour code | Text colour used when hovering over "Cart" button | Ensure this stands out against "Main secondary highlight background color" | |
| Main tertiary background color | HTML colour code | Colour used for buttons such as "Cancel order", and "Add to calendar" which appear on your organiser page | ||
| Main tertiary foreground color | HTML colour code | Text colour used for buttons such as "Cancel order", and "Add to calendar" which appear on your organiser page | Ensure this stands out against "Main tertiary background color" | |
| Main tertiary highlight background color | HTML colour code | Colour used when hovering over buttons such as "Cancel order", and "Add to calendar" which appear on your organiser page | ||
| Main tertiary highlight foreground color | HTML colour code | Text colour used when hovering over buttons such as "Cancel order", and "Add to calendar" which appear on your organiser page | Ensure this stands out against "Main tertiary highlight background color" | |
| Main warning background color | HTML colour code | Background colour for the warning text which appears when customers are checking out | ||
| Main warning foreground color | HTML colour code | Colour of the warning text which appears when customers are checking out | Ensure this stands out against the "Main warning background color" | |
| Main attention background color | HTML colour code | Background colour for attention items such as discount icons | ||
| Main attention foreground color | HTML colour code | Text colour for attention items such as discount icons | Make sure this stands out against "Main attention background color" | |
| Main title foreground color | HTML colour code | Colour of your event title which appears in the top left of your event page | ||
| Main link foreground color | HTML colour code | Colour of the event links on your organiser page | ||
| Main label foreground color | HTML colour code | Colour for text labels which are found on your event page including the "First name" and "Last name" fields in the purchase process | Ensure this stands out against your main background and card colour | |
| Main label text transform | Dropdown menu selection | More settings for the text and fonts on your page | ||
| Main button font family | Dropdown menu selection | Whether buttons on your pages will have the branded font applied | ||
| Main button text transform | Dropdown menu selection | More settings for the text/font for the buttons on your page |
Footer
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Footer hero image | PNG, JPG | 1170px wide | Image for the footer of your event page and organiser page | |
| Footer hero background color | HTML colour code | Background colour for the footer of your event page and organiser page |
Seating arrangement
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Seating arrangement section background color | HTML colour code | Background color of the seat map | ||
| Seating arrangement seat available background color | HTML colour code | Color of the round dots indicating that a seat is available for sale | ||
| Seating arrangement seat sold background color | HTML colour code | Color of the round dot outlines indicating that a seat is not available for sale | ||
| Seating arrangement seat selected background color | HTML colour code | Color of the round dots indicating seats the ticket buyer has selected to purchase | You should differentiate this from "Seating arrangement seat available background color" |
Social
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Social twitter url | URL | Twitter link at the bottom of your event page and organiser page | ||
| Social facebook url | URL | Facebook link at the bottom of your event page and organiser page | ||
| Social instagram url | URL | Instagram link at the bottom of your event page and organiser page | ||
| Social youtube url | URL | Youtube link at the bottom of your event page and organiser page |
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Pdf header logo image | PNG, JPG | 430px wide, 170px high | Image to appear as the logo at the top of your PDF tickets | |
| Pdf footer image | PNG, JPG | 700px wide, 90px high | Image to be used at the bottom of your PDF tickets | |
| Pdf background image | PNG, JPG | 596px wide, 841px high | Background image applied to whole PDF A4 ticket | |
| Pdf top offset | Numerical value | The top margin for content on PDF tickets | Default value is 40mm | |
| Pdf bottom offset | Numerical value | The bottom margin for content on PDF tickets | Default value is 80mm | |
| Pdf footer text hidden | Dropdown menu selection | Whether the standard TicketCo text which displays at the bottom of PDF tickets should be hidden or not |
Passbook
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Passbook header logo image | PNG, JPG | 480px wide, 150px high | Image to be used at the top of your passbook tickets (in Apple Wallet or other passbook apps) | |
| Passbook background color | HTML colour code | Background colour for your passbook tickets | ||
| Passbook foreground color | HTML colour code | Colour of the text on your passbook tickets which shows the event name, item types and organiser | ||
| Passbook label foreground color | HTML colour code | Colour of the labels on the passbook ticket |
TV
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Tv logo image | PNG, JPG | 400px wide, 100px high | Logo that appears in top left during countdown timer/clock in advance of the stream | |
| Tv background color | HTML colour code | Background colour for countdown timer/clock for your stream | ||
| Tv foreground color | HTML colour code | Text label colour for countdown timer/clock for your stream | Ensure this stands out against "Tv background color" | |
| Tv countdown foreground color | HTML colour code | Colour of countdown timer/clock which displays leading up to the stream | Ensure this stands out against "Tv background color" | |
| Tv button text normal color | HTML colour code | Text colour of main buttons in TV app | Ensure this stands out against "Tv background color" | |
| Tv button text selected color | HTML colour code | Text colour of main buttons in TV app when selected | Ensure this stands out against "Tv background color" | |
| Tv button normal color | HTML colour code | Button colour in TV app | ||
| Tv button selected color | HTML colour code | Button colour in TV app when selected |
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Email header background colour | HTML colour code | Background colour for the email header | ||
| Email header logo hidden | Dropdown menu selection | Whether the standard TicketCo logo should be hidden or not | ||
| Email header image | PNG, JPG | 1400px x 230px | Header on HTML email confirmations (above your standard header logo image) | |
| Email Background color | HTML colour code | Background colour for the email | ||
| Email foreground color | HTML colour code | Text label colour for the email | Ensure this stands out against "Email background color" | |
| Email card background color | HTML colour code | Background colour for the box on your email which contains inner card | Ensure this stands out against "Email background color" | |
| Email card foreground color | HTML colour code | Text label colour for the box on your email which contains the inner card | Ensure this stands out against "Email card background color" | |
| Email inner card background color | HTML colour code | Background colour for the box on your email which contains order information and event details | Ensure this stands out against "Email card background color" | |
| Email inner card foreground color | HTML colour code | Text label colour for the box on your email which contains order information and event details | Ensure this stands out against "Email inner card background color | |
| Email footer image | PNG, JPG | Max height 66px | Footer on HTML email confirmations | |
| Email how does stream work url | URL | Link behind "How does it work?" in TMS email confirmation |
Adminapp
| Field | Compatible files/inputs | Max size | Affects | Please note |
| Adminapp star printer logo image | PNG, JPG | Header logo on tickets printed via Star printer | Star prints in black and white, so you will need a greyscale version of your logo | |
| Adminapp star printer footer image | PNG, JPG | Footer logo on tickets printed via Star printer | Star prints in black and white, so you will need a greyscale version of your logo |