https://newcommons.ai/_nuxt/BV--e9M7.js

1import{_ as h}from"./BHgcIIbd.js";import{e as u,u as m,c as n,a as s,b,w as g,d as p,F as t,r as l,q as v,o as r,D as i,t as o,n as k}from"./B3Q0DDEw.js";import{_ as w}from"./DlAUqK2U.js";const f={class:"br-hero"},y={class:"shell"},N={class:"br-logos"},x={class:"shell"},B={class:"br-grid"},C=["src","alt"],F={class:"br-card__body"},V={class:"br-card__name"},z={class:"br-card__note"},S={class:"br-card__downloads"},D=["href"],E=["href"],G={class:"br-colors"},I={class:"shell"},P={class:"br-swatches"},T={class:"br-swatch__meta"},$={class:"br-swatch__name"},L={class:"br-swatch__hex"},O=u({__name:"branding",setup(U){m({title:"Brand Assets — Internal",meta:[{name:"robots",content:"noindex, nofollow"}]});const c=[{slug:"new-commons-logo-white",name:"White",note:"For dark or photographic backgrounds. Transparent background.",dark:!0},{slug:"new-commons-logo-blue",name:"Blue (primary)",note:"The site-header colorway: navy wordmark with the cyan icon. Use on light backgrounds.",dark:!1},{slug:"new-commons-logo-black",name:"Black",note:"For single-color print or documents where the blue palette is unavailable.",dark:!1},{slug:"new-commons-logo-white-cyan",name:"White + cyan icon",note:"The site-footer colorway: white wordmark, cyan icon. Use on navy backgrounds.",dark:!0}],d=[{name:"Navy",value:"#0E2F40",dark:!0},{name:"Cyan",value:"#0091C2",dark:!0},{name:"Ink",value:"#11212C",dark:!0},{name:"Paper",value:"#F2F4F7",dark:!1}];return(q,a)=>{const _=h;return r(),n(t,null,[s("section",f,[s("div",y,[b(_,{class:"br-hero__eyebrow"},{default:g(()=>[...a[0]||(a[0]=[s("span",null,"Internal — not linked from the public site",-1)])]),_:1}),a[1]||(a[1]=s("div",{class:"br-hero__grid"},[s("h1",{class:"br-hero__title"},[p("Brand "),s("em",null,"assets")]),s("p",{class:"br-hero__intro"}," Official New.Commons logo files for partners and collaborators. Every file has a transparent background; SVG scales to any size, PNG is 2100 px wide for slides and documents. ")],-1))])]),s("section",N,[s("div",x,[a[2]||(a[2]=s("div",{class:"section__kicker-inline"},[s("span",{class:"rule-line"}),s("span",null,"Logo versions")],-1)),s("div",B,[(r(),n(t,null,l(c,e=>s("article",{key:e.slug,class:"br-card"},[s("div",{class:i(["br-card__preview",{"br-card__preview--dark":e.dark}])},[s("img",{src:`/branding/${e.slug}.svg`,alt:`New.Commons logo — ${e.name}`,loading:"lazy"},null,8,C)],2),s("div",F,[s("h2",V,o(e.name),1),s("p",z,o(e.note),1),s("div",S,[s("a",{href:`/branding/${e.slug}.svg`,download:"",class:"br-dl"},"SVG",8,D),s("a",{href:`/branding/${e.slug}.png`,download:"",class:"br-dl"},"PNG",8,E)])])])),64))])])]),s("section",G,[s("div",I,[a[3]||(a[3]=s("div",{class:"section__kicker-inline"},[s("span",{class:"rule-line"}),s("span",null,"Brand colors")],-1)),s("div",P,[(r(),n(t,null,l(d,e=>s("div",{key:e.value,class:"br-swatch"},[s("div",{class:i(["br-swatch__chip",{"br-swatch__chip--light":!e.dark}]),style:k({background:e.value})},null,6),s("div",T,[s("span",$,o(e.name),1),s("span",L,o(e.value),1)])])),64))])])]),a[4]||(a[4]=v('<section class="br-usage" data-v-7710c9ea><div class="shell" data-v-7710c9ea><div class="section__kicker-inline" data-v-7710c9ea><span class="rule-line" data-v-7710c9ea></span><span data-v-7710c9ea>Usage notes</span></div><ul class="br-usage__list" data-v-7710c9ea><li data-v-7710c9ea>Keep clear space around the mark of at least the height of one icon square.</li><li data-v-7710c9ea>Don&#39;t recolor, stretch, outline, or add effects to the logo.</li><li data-v-7710c9ea>On busy imagery, prefer the white version over a darkened overlay.</li><li data-v-7710c9ea>Need another format or size? Ask the ODPL comms team.</li></ul></div></section>',1))],64)}}}),K=w(O,[["__scopeId","data-v-7710c9ea"]]);export{K as default};