[{"data":1,"prerenderedAt":118},["ShallowReactive",2],{"page:\u002Fidentity\u002Flogo-clear-space":3},{"id":4,"title":5,"body":6,"description":110,"extension":111,"meta":112,"navigation":113,"path":114,"seo":115,"stem":116,"__hash__":117},"pages\u002Fidentity\u002Flogo-clear-space.md","Clear space and size",{"type":7,"value":8,"toc":104},"minimark",[9,14,18,24,27,47,50,54,57,101],[10,11,13],"h2",{"id":12},"clear-space","Clear space",[15,16,17],"p",{},"The logo needs room to be seen. Keep the area around it free of text, images, edges and other logos.",[15,19,20],{},[21,22,23],"strong",{},"The rule: half the height of the pin, on every side.",[15,25,26],{},"Measure the height of the pin, from the top of the P to its point. Half of that is the minimum clear space around the whole logo, the wordmark included.",[28,29,30,38,44],"ul",{},[31,32,33,34,37],"li",{},"The ",[21,35,36],{},"full"," lockup already carries more than that, so you can place its files edge to edge with other content.",[31,39,33,40,43],{},[21,41,42],{},"compact"," lockup is cropped close. Give it the clear space yourself.",[31,45,46],{},"On a block of color, the clear space is measured to the edge of the block.",[15,48,49],{},"More space is always better. Less is never allowed.",[10,51,53],{"id":52},"minimum-size","Minimum size",[15,55,56],{},"Below these sizes the P inside the pin closes up and the wordmark becomes hard to read.",[58,59,60,75],"table",{},[61,62,63],"thead",{},[64,65,66,69,72],"tr",{},[67,68],"th",{},[67,70,71],{},"Screen",[67,73,74],{},"Print",[76,77,78,90],"tbody",{},[64,79,80,84,87],{},[81,82,83],"td",{},"Logo (pin and wordmark)",[81,85,86],{},"100px wide",[81,88,89],{},"25 mm wide",[64,91,92,95,98],{},[81,93,94],{},"Symbol on its own",[81,96,97],{},"16px",[81,99,100],{},"5 mm",[15,102,103],{},"At 16 to 32px, use the favicon files, which are drawn for small sizes. Don't scale down the full logo instead.",{"title":105,"searchDepth":106,"depth":106,"links":107},"",2,[108,109],{"id":12,"depth":106,"text":13},{"id":52,"depth":106,"text":53},"How much room the logo needs and how small it can go.","md",{},true,"\u002Fidentity\u002Flogo-clear-space",{"title":5,"description":110},"identity\u002Flogo-clear-space","-D3STrJFjRAprBAV7AaD6h0tC6RJMhQ16TF9ClM1yIk",1792779481013]