[{"data":1,"prerenderedAt":203},["ShallowReactive",2],{"docs-nav":3,"docs-\u002Fdocs\u002Fbrand\u002Flayout":40},[4,10,15,20,25,30,35],{"title":5,"path":6,"section":7,"order":8,"metaDescription":9},"Colour","\u002Fdocs\u002Fbrand\u002Fcolour","brand","3","The Open Science Foundation colour palette with exact values, the role of each colour, and the text pairings that meet WCAG contrast.",{"title":11,"path":12,"section":7,"order":13,"metaDescription":14},"Brand guidelines","\u002Fdocs\u002Fbrand","1","How the Open Science Foundation presents itself: the brand idea, the values behind it, where the design rules come from, and how the brand assets are licensed.",{"title":16,"path":17,"section":7,"order":18,"metaDescription":19},"Layout","\u002Fdocs\u002Fbrand\u002Flayout","5","Layout rules for Open Science Foundation material: left-aligned titles, the spacing rhythm, flat surfaces, and the canvas sizes for social posts, slides and documents.",{"title":21,"path":22,"section":7,"order":23,"metaDescription":24},"Logo","\u002Fdocs\u002Fbrand\u002Flogo","2","The Open Science Foundation logo: positive and negative lockups, the compact website mark, clear space, minimum sizes and how to keep the mark intact.",{"title":26,"path":27,"section":7,"order":28,"metaDescription":29},"Trademark and logo use","\u002Fdocs\u002Fbrand\u002Ftrademark","7","What others may do with the Open Science Foundation name and logo: the Brand Assets Permission, its conditions, and who to ask for more.",{"title":31,"path":32,"section":7,"order":33,"metaDescription":34},"Typography","\u002Fdocs\u002Fbrand\u002Ftypography","4","The Open Science Foundation typefaces, Selecta and ABC Diatype Semi Mono, their roles, the type scale, and the sizes used in slides and documents.",{"title":36,"path":37,"section":7,"order":38,"metaDescription":39},"Writing style","\u002Fdocs\u002Fbrand\u002Fwriting-style","6","How the Open Science Foundation writes: plain declarative sentences, facts first, and the naming rules for the foundation and the Open Science Institute.",{"id":41,"title":16,"body":42,"description":48,"draft":194,"extension":195,"meta":196,"metaDescription":19,"navigation":197,"order":18,"path":17,"section":7,"seo":198,"sitemap":199,"stem":200,"updated":201,"__hash__":202},"docs\u002Fdocs\u002Fbrand\u002Flayout.md",{"type":43,"value":44,"toc":184},"minimark",[45,49,54,57,60,64,67,71,74,78,167,170,174,177,181],[46,47,48],"p",{},"The default direction is Open editorial: a stable left edge and generous space.",[50,51,53],"h2",{"id":52},"structure","Structure",[46,55,56],{},"Keep titles left aligned. Use one dominant title, a clear reading order and short paragraphs. Keep descriptions with their titles. Do not put a decorative line beneath a title, and do not place a description on the right side of a page header.",[46,58,59],{},"Use a narrow measure for running text and keep captions separate from the pictures they describe.",[50,61,63],{"id":62},"spacing","Spacing",[46,65,66],{},"The website works in steps of 10, 20, 30, 40, 60, 80, 100, 120 and 140 units, where one unit is about one pixel. Slides use an outer margin of 60 px. Documents use 20 mm.",[50,68,70],{"id":69},"surfaces","Surfaces",[46,72,73],{},"Stay flat. Rounded panels and photographs use corners of 6, 12 or 16 px. There are no shadows, gradients or coloured ribbons.",[50,75,77],{"id":76},"formats","Formats",[79,80,81,97],"table",{},[82,83,84],"thead",{},[85,86,87,91,94],"tr",{},[88,89,90],"th",{},"Format",[88,92,93],{},"Canvas",[88,95,96],{},"Room for",[98,99,100,112,123,134,145,156],"tbody",{},[85,101,102,106,109],{},[103,104,105],"td",{},"Square",[103,107,108],{},"1080 by 1080 px",[103,110,111],{},"About three short headline lines and one sentence",[85,113,114,117,120],{},[103,115,116],{},"Portrait",[103,118,119],{},"1080 by 1350 px",[103,121,122],{},"A headline, a short explanation and one image or metadata block",[85,124,125,128,131],{},[103,126,127],{},"Story",[103,129,130],{},"1080 by 1920 px",[103,132,133],{},"Essential content between y=180 and y=1670",[85,135,136,139,142],{},[103,137,138],{},"Landscape",[103,140,141],{},"1200 by 630 px",[103,143,144],{},"About two short headline lines and one sentence",[85,146,147,150,153],{},[103,148,149],{},"Presentation",[103,151,152],{},"1280 by 720 px, 16:9",[103,154,155],{},"One main point per slide",[85,157,158,161,164],{},[103,159,160],{},"Documents",[103,162,163],{},"A4 and US Letter",[103,165,166],{},"Styles control the text flow",[46,168,169],{},"These are working canvases, not a claim about what each network requires. Check the destination's current crop and overlays before posting, and keep content away from the edges. If a headline is too long, shorten it or switch to portrait before making the type smaller.",[50,171,173],{"id":172},"photography","Photography",[46,175,176],{},"Preserve the aspect ratio, crop deliberately, and add a caption and credit before publishing. Use only images the foundation has the rights to.",[50,178,180],{"id":179},"before-publishing","Before publishing",[46,182,183],{},"Check that every placeholder is replaced, the typefaces are applied, the logo is in proportion, no text is clipped, the smallest text is readable at delivery size, and links and image credits are correct.",{"title":185,"searchDepth":186,"depth":186,"links":187},"",2,[188,189,190,191,192,193],{"id":52,"depth":186,"text":53},{"id":62,"depth":186,"text":63},{"id":69,"depth":186,"text":70},{"id":76,"depth":186,"text":77},{"id":172,"depth":186,"text":173},{"id":179,"depth":186,"text":180},false,"md",{},true,{"title":16,"description":48},{"loc":17},"docs\u002Fbrand\u002Flayout","2026-10-18","eTDPVHAkB8Z31vEYKLhVbJNQAYHTGHAC00KuHytnKKI",1792383628399]