Branding

if you make changes to your brand settings (colors, fonts, etc ) you may affect your menu's accessibility docid\ mm6fbipniaxgkpxw6tvo3 with the introduction of global branding docid\ zs d4ojhceaw6b qnh1b6 , you can now update all stores' branding from one place match global branding settings in store branding, you'll see that each section now defaults to "use global branding settings defaults" when this option is selected, your store's branding will match the global branding any updates you make in global branding settings will also update for the store customize store branding settings you can continue to customize branding per store as well go to store settings → branding find which section you'd like to edit and select "customize" from the dropdown this will display relevant fields that allow you to further customize your store's branding logo upload a png file with either a transparent or a white background the full logo is used on the web + tablet breakpoints of your menu and in your emails the square logo is used on the mobile breakpoint of your menu and in the aiq ecommerce app header logo dark mode is optional for use with a custom header with a dark background favicon the favicon appears in the browser tabs of your menu use a 32 x 32 pixel image for your favicon if your favicon is larger then this, it will not work color brand color will apply to many callouts throughout your website, including links, add button (+) on the product card, selected radio buttons, selected checkboxes, icons on the user's account page, and in your emails sent to customers error / danger color is used to for error text, discount text and tag (on product card when you see a discounted price), and error toast notifications on the menu success color is used for discounted totals and success toast notifications on the menu primary text color is used anywhere there is primary text on your menu, such as headers, product names, pricing, etc secondary text color is used anywhere there is secondary text on your menu, such as subheaders, secondary information, etc primary background color is used anywhere there is primary background color on your menu, such as product tiles/cards background, header backgrounds, etc secondary background color is used anywhere there is secondary background on your menu examples on the menu buttons primary buttons are used across the menu, carousels buttons, and cart total bubble secondary buttons are used throughout the menu note the "+" add to cart buttons on the product cards follow the secondary button styling except for the text color the + icon uses your brand color loyalty button is visible on the checkout screen form fields use border color and border radius color inputs to adjust the design of form fields on your website form field colors also apply to checkbox borders and radio button border colors fonts see custom fonts docid\ ksatownfp7aoj2qvobf6a instructions custom header see custom header docid\ cdp1fmxzvshccwrhpkd v instructions head code see custom head code docid\ f6pekunevvspcwbw j0rf instructions custom files upload your own js, css, and image ( svg, png, jpg) files to use in the "head code" field you can also upload images if you need them in your custom header code