[{"data":1,"prerenderedAt":399},["ShallowReactive",2],{"docs-nav":3,"docs-\u002Fdocs\u002Fbrand\u002Fcolour":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":5,"body":42,"description":48,"draft":390,"extension":391,"meta":392,"metaDescription":9,"navigation":393,"order":8,"path":6,"section":7,"seo":394,"sitemap":395,"stem":396,"updated":397,"__hash__":398},"docs\u002Fdocs\u002Fbrand\u002Fcolour.md",{"type":43,"value":44,"toc":383},"minimark",[45,49,54,259,263,266,269,272,275,279,282,380],[46,47,48],"p",{},"The palette is restrained: black text on white, quiet cream panels, and one blue accent. The values below are the website's exact tokens.",[50,51,53],"h2",{"id":52},"palette","Palette",[55,56,57,73],"table",{},[58,59,60],"thead",{},[61,62,63,67,70],"tr",{},[64,65,66],"th",{},"Name",[64,68,69],{},"Value",[64,71,72],{},"Role",[74,75,76,91,104,117,130,143,156,169,182,195,208,221,234,247],"tbody",{},[61,77,78,82,88],{},[79,80,81],"td",{},"Black",[79,83,84],{},[85,86,87],"code",{},"#1d1d1d",[79,89,90],{},"Ordinary text",[61,92,93,96,101],{},[79,94,95],{},"White",[79,97,98],{},[85,99,100],{},"#ffffff",[79,102,103],{},"Main reading surface",[61,105,106,109,114],{},[79,107,108],{},"Gray",[79,110,111],{},[85,112,113],{},"#646363",[79,115,116],{},"Secondary text",[61,118,119,122,127],{},[79,120,121],{},"Gray light",[79,123,124],{},[85,125,126],{},"#eeeeee",[79,128,129],{},"Image placeholders",[61,131,132,135,140],{},[79,133,134],{},"Blue",[79,136,137],{},[85,138,139],{},"#73adff",[79,141,142],{},"Interaction and identity accent",[61,144,145,148,153],{},[79,146,147],{},"Blue ink",[79,149,150],{},[85,151,152],{},"#1c4e8f",[79,154,155],{},"Readable static blue text",[61,157,158,161,166],{},[79,159,160],{},"Cream light",[79,162,163],{},[85,164,165],{},"#f8f8f4",[79,167,168],{},"Large quiet panels",[61,170,171,174,179],{},[79,172,173],{},"Cream",[79,175,176],{},[85,177,178],{},"#efeee7",[79,180,181],{},"Cards and panels",[61,183,184,187,192],{},[79,185,186],{},"Cream dark",[79,188,189],{},[85,190,191],{},"#c0beb2",[79,193,194],{},"Borders and resting states",[61,196,197,200,205],{},[79,198,199],{},"Cream darker",[79,201,202],{},[85,203,204],{},"#6f6e66",[79,206,207],{},"Muted captions",[61,209,210,213,218],{},[79,211,212],{},"Yellow",[79,214,215],{},[85,216,217],{},"#e3be00",[79,219,220],{},"Link hover in running text",[61,222,223,226,231],{},[79,224,225],{},"Yellow light",[79,227,228],{},[85,229,230],{},"#fefbe9",[79,232,233],{},"Link hover on dark surfaces",[61,235,236,239,244],{},[79,237,238],{},"Charcoal",[79,240,241],{},[85,242,243],{},"#323232",[79,245,246],{},"Dark panels and buttons",[61,248,249,252,257],{},[79,250,251],{},"Button hover",[79,253,254],{},[85,255,256],{},"#000000",[79,258,251],{},[50,260,262],{"id":261},"how-to-use-it","How to use it",[46,264,265],{},"Use black for text and white for the reading surface. Cream light and cream make quiet panels. Use gray and cream darker for secondary text only where it stays readable.",[46,267,268],{},"Blue is the accent. It marks interaction on the website, and it colours the word \"openness\" in the tagline \"Advancing science through openness\". It is too light for ordinary text on white and is never a background. For blue text that has to be read, use blue ink.",[46,270,271],{},"Dark panels use charcoal with white text. Yellow belongs to link hover states and is not a campaign colour.",[46,273,274],{},"Do not add gradients, shadows, coloured ribbons or new accent colours. Do not recolour photographs to fit the palette.",[50,276,278],{"id":277},"readable-pairings","Readable pairings",[46,280,281],{},"Normal text needs a contrast of at least 4.5:1, large text at least 3:1. Essential interface graphics and control borders need 3:1 against what surrounds them.",[55,283,284,297],{},[58,285,286],{},[61,287,288,291,294],{},[64,289,290],{},"Text on background",[64,292,293],{},"Contrast",[64,295,296],{},"Use",[74,298,299,310,320,330,340,350,360,371],{},[61,300,301,304,307],{},[79,302,303],{},"Black on white",[79,305,306],{},"16.86:1",[79,308,309],{},"Normal text",[61,311,312,315,318],{},[79,313,314],{},"White on charcoal",[79,316,317],{},"12.82:1",[79,319,309],{},[61,321,322,325,328],{},[79,323,324],{},"Blue ink on white",[79,326,327],{},"8.28:1",[79,329,309],{},[61,331,332,335,338],{},[79,333,334],{},"Gray on white",[79,336,337],{},"5.99:1",[79,339,309],{},[61,341,342,345,348],{},[79,343,344],{},"Black on blue",[79,346,347],{},"7.35:1",[79,349,309],{},[61,351,352,355,358],{},[79,353,354],{},"Cream darker on cream light",[79,356,357],{},"4.81:1",[79,359,309],{},[61,361,362,365,368],{},[79,363,364],{},"Blue on white",[79,366,367],{},"2.29:1",[79,369,370],{},"Not for text",[61,372,373,376,378],{},[79,374,375],{},"White on blue",[79,377,367],{},[79,379,370],{},[46,381,382],{},"Colour alone must never carry meaning, such as a status. Add a word or a symbol.",{"title":384,"searchDepth":385,"depth":385,"links":386},"",2,[387,388,389],{"id":52,"depth":385,"text":53},{"id":261,"depth":385,"text":262},{"id":277,"depth":385,"text":278},false,"md",{},true,{"title":5,"description":48},{"loc":6},"docs\u002Fbrand\u002Fcolour","2026-10-18","Qij7gLscp_VRyEnW3yVjePFF6nwPqcKNGqgdrV55bn8",1792383628384]