[{"data":1,"prerenderedAt":272},["ShallowReactive",2],{"article-\u002Faccount-and-billing\u002Fbrand-settings":3,"surround-\u002Faccount-and-billing\u002Fbrand-settings":267},{"id":4,"title":5,"body":6,"category":256,"description":257,"extension":258,"meta":259,"navigation":260,"order":261,"path":262,"seo":263,"stem":264,"updated":265,"__hash__":266},"docs\u002Faccount-and-billing\u002Fbrand-settings.md","Brand settings",{"type":7,"value":8,"toc":248},"minimark",[9,26,36,41,51,114,125,132,137,140,146,181,191,197,201,224,228],[10,11,12,13,17,18,21,22,25],"p",{},"Your brand settings live under ",[14,15,16],"strong",{},"Home → Brand",", split across two pages: ",[14,19,20],{},"Style guide"," (colors, typography, buttons and forms) and ",[14,23,24],{},"Logo"," (text logo, image logo and favicon). Together they control how your public website looks, and your logo also brands your Studio dashboard.",[27,28,29],"blockquote",{},[10,30,31,32,35],{},"Editing the style guide and uploading a logo or favicon are paid-plan features. On the Free plan the Style Guide page shows a Premium lock and an ",[14,33,34],{},"Upgrade your plan"," button in place of Publish.",[37,38,40],"h2",{"id":39},"the-style-guide","The style guide",[10,42,43,44,47,48,50],{},"Open ",[14,45,46],{},"Home",", then click ",[14,49,20],{}," in the Brand panel. The page lists every style your website uses; click one to edit it in the panel on the right.",[52,53,54,80,102,108],"ol",{},[55,56,57,60,61,64,65,68,69,64,72,75,76,79],"li",{},[14,58,59],{},"Typography",": Heading One (H1) through Heading Five (H5), Paragraph (P) and Caption. For each you can set the ",[14,62,63],{},"Font",", ",[14,66,67],{},"Style"," (Light, Regular, Medium, Bold), ",[14,70,71],{},"Size",[14,73,74],{},"Line Height"," and ",[14,77,78],{},"Color",". Type into the preview area to see your own text in the selected style.",[55,81,82,85,86,89,90,93,94,97,98,101],{},[14,83,84],{},"Swatches",": five brand ",[14,87,88],{},"Colors"," and three ",[14,91,92],{},"Gradients",". Gradients can be ",[14,95,96],{},"Linear"," or ",[14,99,100],{},"Radial","; drag the rotation knob or focal point in the preview to adjust them.",[55,103,104,107],{},[14,105,106],{},"Buttons",": primary, secondary and tertiary button styles, covering text font, size, color, background, border and rounding.",[55,109,110,113],{},[14,111,112],{},"Forms",": labels, field text, backgrounds and borders for form fields, checkboxes and radios.",[10,115,116,117,120,121,124],{},"Changes queue up as you work. The counter next to the heading shows how many styles you've touched, and you can open it to discard individual changes. When you're happy, click ",[14,118,119],{},"Publish"," to save everything to your live site, or ",[14,122,123],{},"Cancel"," to reset.",[10,126,127],{},[128,129],"img",{"alt":130,"src":131},"The Style Guide page with the typography list and edit panel","\u002Fimages\u002Fhelp\u002Faccount-and-billing\u002Fbrand-style-guide.webp",[27,133,134],{},[10,135,136],{},"Use the light\u002Fdark\u002Fcolor background switcher above the preview to check your styles against different backgrounds before publishing.",[37,138,24],{"id":139},"logo",[10,141,43,142,145],{},[14,143,144],{},"Home → Brand → Logo",". The page has three parts:",[52,147,148,165,175],{},[55,149,150,153,154,75,156,158,159,164],{},[14,151,152],{},"Text",": your business name rendered as a text logo. Click the edit icon to change its ",[14,155,63],{},[14,157,78],{},". To change the name itself, go to ",[160,161,163],"a",{"href":162},"\u002Faccount-and-billing\u002Fmanage-your-profile","account settings",".",[55,166,167,170,171,174],{},[14,168,169],{},"Image",": upload an image logo (PNG, JPG or GIF, up to 2 MB). Click the upload icon or the ",[14,172,173],{},"Upload an image"," area.",[55,176,177,180],{},[14,178,179],{},"Favicon",": the small icon shown in browser tabs (PNG, ICO or GIF). The preview shows it at both sizes on light and dark backgrounds so you can check legibility.",[10,182,183,184,187,188,190],{},"Click ",[14,185,186],{},"Save"," in the header when you've made changes, or ",[14,189,123],{}," to discard them.",[10,192,193],{},[128,194],{"alt":195,"src":196},"The Logo page with the site logo and favicon settings","\u002Fimages\u002Fhelp\u002Faccount-and-billing\u002Fbrand-logo.webp",[37,198,200],{"id":199},"where-your-brand-appears","Where your brand appears",[202,203,204,211,218],"ul",{},[55,205,206,207,210],{},"The ",[14,208,209],{},"style guide"," drives your public website and blog: every heading, paragraph, button and form field uses these styles, and your swatches appear as presets throughout the website builder.",[55,212,213,214,217],{},"Your ",[14,215,216],{},"image logo"," appears in your website header and at the top of your Studio dashboard.",[55,219,206,220,223],{},[14,221,222],{},"favicon"," shows in your visitors' browser tabs.",[37,225,227],{"id":226},"related","Related",[202,229,230,236,242],{},[55,231,232],{},[160,233,235],{"href":234},"\u002Fwebsite-builder\u002Fwebsite-basics","Website basics",[55,237,238],{},[160,239,241],{"href":240},"\u002Fgetting-started\u002Fplans-at-a-glance","Plans at a glance",[55,243,244],{},[160,245,247],{"href":246},"\u002Fgalleries-and-sharing\u002Fcustomize-your-gallery","Customize your gallery",{"title":249,"searchDepth":250,"depth":250,"links":251},"",2,[252,253,254,255],{"id":39,"depth":250,"text":40},{"id":139,"depth":250,"text":24},{"id":199,"depth":250,"text":200},{"id":226,"depth":250,"text":227},"account-and-billing","Set up your brand style guide, logo and favicon, and learn where each one appears.","md",{},true,1,"\u002Faccount-and-billing\u002Fbrand-settings",{"title":5,"description":257},"account-and-billing\u002Fbrand-settings","2026-09-19","5urhlsE6K6X0fMAznDAotCmgaV7dEuJh1yMyCoBIhaM",[268,269],null,{"path":270,"title":271,"order":250},"\u002Faccount-and-billing\u002Fbilling-upgrades-and-downgrades","Billing, upgrades and downgrades",1789936982347]