[{"data":1,"prerenderedAt":325},["ShallowReactive",2],{"docs-nav":3,"docs-\u002Fdocs\u002Fbrand\u002Ftypography":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":31,"body":42,"description":48,"draft":316,"extension":317,"meta":318,"metaDescription":34,"navigation":319,"order":33,"path":32,"section":7,"seo":320,"sitemap":321,"stem":322,"updated":323,"__hash__":324},"docs\u002Fdocs\u002Fbrand\u002Ftypography.md",{"type":43,"value":44,"toc":308},"minimark",[45,49,54,99,102,106,115,119,122,227,231,234,305],[46,47,48],"p",{},"Two typefaces carry the identity: Selecta for the human voice, ABC Diatype Semi Mono for precise detail.",[50,51,53],"h2",{"id":52},"typefaces","Typefaces",[55,56,57,73],"table",{},[58,59,60],"thead",{},[61,62,63,67,70],"tr",{},[64,65,66],"th",{},"Typeface",[64,68,69],{},"Weights",[64,71,72],{},"Use",[74,75,76,88],"tbody",{},[61,77,78,82,85],{},[79,80,81],"td",{},"Selecta",[79,83,84],{},"Regular, Medium, Bold",[79,86,87],{},"Titles and body copy. Regular by default; Medium and Bold for selective emphasis.",[61,89,90,93,96],{},[79,91,92],{},"ABC Diatype Semi Mono",[79,94,95],{},"Regular, Bold",[79,97,98],{},"Metadata, labels, captions, buttons and compact tables.",[46,100,101],{},"Do not substitute another typeface, such as a serif, Arial or Aptos, and do not treat a fallback font as approved.",[50,103,105],{"id":104},"licences","Licences",[46,107,108,109,114],{},"Both typefaces are commercial fonts. Install them only under a valid licence. The font files are not distributed with these guidelines or the website source, and must not be embedded in documents that others can extract them from. If you work on the foundation's behalf and need them, ask ",[110,111,113],"a",{"href":112},"mailto:office@opening.science","office@opening.science"," before buying or installing them.",[50,116,118],{"id":117},"scale","Scale",[46,120,121],{},"The website scale, in rem, with pixel values at a 16 px root:",[55,123,124,137],{},[58,125,126],{},[61,127,128,131,134],{},[64,129,130],{},"Step",[64,132,133],{},"Size",[64,135,136],{},"At 16 px",[74,138,139,150,161,172,183,194,205,216],{},[61,140,141,144,147],{},[79,142,143],{},"5xl",[79,145,146],{},"3.25 rem",[79,148,149],{},"52 px",[61,151,152,155,158],{},[79,153,154],{},"4xl",[79,156,157],{},"2.5 rem",[79,159,160],{},"40 px",[61,162,163,166,169],{},[79,164,165],{},"3xl",[79,167,168],{},"2.25 rem",[79,170,171],{},"36 px",[61,173,174,177,180],{},[79,175,176],{},"2xl",[79,178,179],{},"1.875 rem",[79,181,182],{},"30 px",[61,184,185,188,191],{},[79,186,187],{},"1xl",[79,189,190],{},"1.3125 rem",[79,192,193],{},"21 px",[61,195,196,199,202],{},[79,197,198],{},"xl",[79,200,201],{},"1.125 rem",[79,203,204],{},"18 px",[61,206,207,210,213],{},[79,208,209],{},"base",[79,211,212],{},"1 rem",[79,214,215],{},"16 px",[61,217,218,221,224],{},[79,219,220],{},"sm",[79,222,223],{},"0.875 rem",[79,225,226],{},"14 px",[50,228,230],{"id":229},"slides-and-documents","Slides and documents",[46,232,233],{},"Templates adapt the same ratios to their medium:",[55,235,236,249],{},[58,237,238],{},[61,239,240,243,246],{},[64,241,242],{},"Role",[64,244,245],{},"Slides (1280 by 720)",[64,247,248],{},"Documents",[74,250,251,262,273,284,295],{},[61,252,253,256,259],{},[79,254,255],{},"Large title",[79,257,258],{},"78 px",[79,260,261],{},"27.5 pt",[61,263,264,267,270],{},[79,265,266],{},"Slide or section title",[79,268,269],{},"60 px",[79,271,272],{},"20.625 pt",[61,274,275,278,281],{},[79,276,277],{},"Statement",[79,279,280],{},"45 px",[79,282,283],{},"14.4375 pt",[61,285,286,289,292],{},[79,287,288],{},"Body",[79,290,291],{},"27 px",[79,293,294],{},"11 pt",[61,296,297,300,302],{},[79,298,299],{},"Metadata",[79,301,193],{},[79,303,304],{},"9.625 pt",[46,306,307],{},"Let space separate the levels. Proof the smallest text at its delivery size.",{"title":309,"searchDepth":310,"depth":310,"links":311},"",2,[312,313,314,315],{"id":52,"depth":310,"text":53},{"id":104,"depth":310,"text":105},{"id":117,"depth":310,"text":118},{"id":229,"depth":310,"text":230},false,"md",{},true,{"title":31,"description":48},{"loc":32},"docs\u002Fbrand\u002Ftypography","2026-10-18","hMWmyMKBVYcwzIle9SRxRlnlPEFAbELFfRuD2FHj5Ao",1792383628392]