You can tailor your website to complement your original artwork by customizing your color palette. Click the colored boxes to adjust your website’s colors manually, or, if you know your hex codes, enter them directly into the corresponding fields.
Select your desired color by clicking on the color box and dragging and dropping on the color of your choice, adding the hex code, or adding the desired RGB formula.
🎭 Noteworthy: You cannot remove the organization text in the header. You can change its color in the Venue Text slot to blend in with the background color.
Top Header Colors
The Top Header colors are the colors just above the main navigation bar.
You can see the Venue Text just to left of the BUY TICKETS button at the top of the page is pink and the Background Color is lime green for this page. If you are unable to see the text next to the Buy Tickets button, you may have a color selected that matches the background image. Change the color in the Venue Text box above to make the text visible.
Navigation Bar Colors
The Navigation Bar is the red bar below that has the Home, Tickets, Our Season, and Shop buttons.
In this example, the NAV Bar BG is pink, the Nav Bar Text is lime green, and the Nav Bar Hover is yellow. Nav Bar Hover is the color the words turn when you hover over it just before clicking. You can see Merch button is yellow because it was about to be clicked on for this example.
Homepage Colors
The Homepage Colors appear on the main Buy Tickets button on your page. The Event Color (name of the show) is pink, the Text Color (teal) is all of the small text in the box, the Border Color is yellow, and the Background Color in the box is green.
The Event text is pink, the Text in the information box is teal, the Border color is yellow, and the Background color of this information box is green.
General Colors
General colors will be reflected on various places on all your pages.
You can see in the image below the entire page Background Color is teal, there are no links (yellow and pink), the center Page Background Color is white, the Button Colors on the Buy Tickets and Checkout buttons are pink, the Button Text on those buttons is a white, the Page Title Colors (main text headings on the page) are light orange, and the Font Color for smaller text is black.
Footer Colors
The Foot Colors appear on the Footer at the bottom of all your pages.
The footer Background Color is purple, the Border Color is mint green, and the Text Color on the footer is pink.
The footer color is also the color for your Header Messages that can be entered on the show details page.
🎓 Recap:
This article explains how to customize your show site’s colors in On The Stage. It covers how to adjust the color scheme to match your branding, create a visually appealing experience, and ensure consistency across your event pages.
🚀 Best Practices:
Stay On-Brand: Use colors that align with your organization's identity for a cohesive look.
Ensure Readability: Choose contrasting colors for text and backgrounds to enhance accessibility.
Keep It Simple: Avoid using too many colors to maintain a clean and professional design.
Test for Mobile & Desktop: Preview your color choices on different devices to ensure a seamless experience.