[{"data":1,"prerenderedAt":176},["ShallowReactive",2],{"help-\u002Fhelp\u002Fstudio-colors-and-fonts":3,"help-related-\u002Fhelp\u002Fstudio-colors-and-fonts":136},{"id":4,"title":5,"body":6,"category":124,"description":125,"extension":126,"meta":127,"navigation":128,"order":129,"path":130,"product":131,"seo":132,"stem":133,"updated":134,"__hash__":135},"help\u002Fhelp\u002Fstudio-colors-and-fonts.md","Colors and fonts",{"type":7,"value":8,"toc":116},"minimark",[9,14,23,40,43,47,62,66,73,77,113],[10,11,13],"h2",{"id":12},"design-colors","Design colors",[15,16,17,18,22],"p",{},"Every design has a set of ",[19,20,21],"strong",{},"design colors",". When you color a word or a shape with a design color, it follows the set: change the set, and everything using it changes with it.",[24,25,26,34],"ol",{},[27,28,29,30,33],"li",{},"Open the ",[19,31,32],{},"Page"," panel.",[27,35,36,37,39],{},"Under ",[19,38,13],{},", choose a different set, or change a single color.",[15,41,42],{},"If you started from your dashboard, Studio starts with your Brand Kit's colors. Colors you pick that aren't from the set (a custom color) stay as they are.",[10,44,46],{"id":45},"color-one-thing","Color one thing",[15,48,49,50,53,54,57,58,61],{},"Select it and use ",[19,51,52],{},"Fill"," for a shape or ",[19,55,56],{},"Text color"," for words. Pick one of the design colors, or ",[19,59,60],{},"Custom"," to choose any color or type a hex code.",[10,63,65],{"id":64},"keep-words-readable","Keep words readable",[15,67,68,69,72],{},"Light words on a light background, or dark on dark, are hard to read. Check your design at a glance, or at arm's length. For words over a photo, put a shape behind them and turn its ",[19,70,71],{},"Opacity"," down.",[10,74,76],{"id":75},"fonts","Fonts",[24,78,79,82,92],{},[27,80,81],{},"Select the words.",[27,83,29,84,87,88,91],{},[19,85,86],{},"Font"," box in the bar above the page. Type to ",[19,89,90],{},"Search fonts",", then click one.",[27,93,94,95,98,99,98,102,98,105,108,109,112],{},"Use the size, ",[19,96,97],{},"Bold",", ",[19,100,101],{},"Italic",[19,103,104],{},"Capitals",[19,106,107],{},"Letter spacing"," and ",[19,110,111],{},"Line spacing"," controls next to it.",[15,114,115],{},"Two fonts per design look best: one for headings and one for the rest.",{"title":117,"searchDepth":118,"depth":118,"links":119},"",2,[120,121,122,123],{"id":12,"depth":118,"text":13},{"id":45,"depth":118,"text":46},{"id":64,"depth":118,"text":65},{"id":75,"depth":118,"text":76},"Studio","Keep a design in one set of colors, change them all at once, and pick fonts.","md",{},true,30,"\u002Fhelp\u002Fstudio-colors-and-fonts","studio",{"title":5,"description":125},"help\u002Fstudio-colors-and-fonts",null,"-tSDrPOOR8UewnP64RrK8iPdVFMxMoUrDrk72Ezfib0",[137,140,143,146,149,152,155,158,161,164,167,170,173],{"path":138,"title":139},"\u002Fhelp\u002Fstudio-first-design","Make your first design",{"path":141,"title":142},"\u002Fhelp\u002Fstudio-use-a-template","Use a template",{"path":144,"title":145},"\u002Fhelp\u002Fstudio-pictures-and-uploads","Add pictures and your own photos",{"path":147,"title":148},"\u002Fhelp\u002Fstudio-text-shapes-and-qr-codes","Add text, shapes and QR codes",{"path":150,"title":151},"\u002Fhelp\u002Fstudio-layers-and-arranging","Layers and arranging",{"path":153,"title":154},"\u002Fhelp\u002Fstudio-download","Download your design",{"path":156,"title":157},"\u002Fhelp\u002Fstudio-make-a-video","Make a video",{"path":159,"title":160},"\u002Fhelp\u002Fstudio-music-and-voiceover","Add music and a voiceover",{"path":162,"title":163},"\u002Fhelp\u002Fstudio-build-with-ai","Build with AI",{"path":165,"title":166},"\u002Fhelp\u002Fstudio-make-a-logo","Make a logo",{"path":168,"title":169},"\u002Fhelp\u002Fstudio-credits-and-costs","Credits and what things cost",{"path":171,"title":172},"\u002Fhelp\u002Fstudio-whats-free","What's free and what's included",{"path":174,"title":175},"\u002Fhelp\u002Fstudio-save-and-find-designs","Save and find your designs",1794015213127]