https://www.fables.fi/assets/BrandPage-DO4lEiVj.js

1import{u as t,d as j,b as v,aH as x,aI as T,aj as H}from"./index-BcFRVaGh.js";const S="/fox_star_logo.svg";let p=null;function b(){return p??=fetch(S).then(e=>e.ok?e.text():Promise.reject(new Error(`${e.status}`))).then(e=>{const a=e.match(/<path[^>]*\/>/g);if(!a||a.length<3)throw new Error("unexpected source");return a}).catch(e=>{throw p=null,e})}const h=(e,a,n)=>`<?xml version="1.0" encoding="UTF-8"?>
2<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${a}" viewBox="0 0 ${e} ${a}">
3${n}
4</svg>
5`,A=26,M="translate(200 200) scale(1.82) translate(-410 -73)",g=e=>a=>h(500,328,`  <g fill="${e}">
6    ${a.join(`
7    `)}
8  </g>`),c=A,P=`M${c} 0H${500-c}A${c} ${c} 0 0 1 500 ${c}V${328-c}A${c} ${c} 0 0 1 ${500-c} 328H${c}A${c} ${c} 0 0 1 0 ${328-c}V${c}A${c} ${c} 0 0 1 ${c} 0Z`,L=e=>e.map(a=>a.match(/ d="([^"]*)"/)?.[1]??"").join(" "),y=(e,a)=>`  <path fill="${e}" fill-rule="evenodd" d="${P} ${L(a)}"/>`,m=e=>a=>h(500,328,y(e,a)),V="M631.9 168.2V202.3Q631.9 224.1 632.8 233.9Q633.7 245.4 636.4 252.1Q639.1 258.9 646.3 265.2H644Q640 265.2 630.1 264.7Q620.2 264.3 617.3 264.3Q615.9 264.3 607 264.7

8Q598.1 265.2 593.5 265.2H591.2Q600.1 254.5 601.5 233.9Q602.4 224.1 602.4 202.3V126Q602.4 104.2 601.5 94.4Q600.1 73.7 591.2 63.1H593.5Q598.1 63.1 607 63.5Q615.9 64 617.3 64H672.1Q693.4 64 704.5 63.1Q708.6 84.9 708.6 106.5Q708.6 112.2 708.3 113.6Q693.9 93.3 687.6 87.5Q681.6 81.5 671.5 78.9Q663.8 76.9 648.9 76.9Q638.8 76.9 636.1 79.3Q633.4 81.8 632.8 90.7Q631.9 99.6 631.9 120.2V154.7Q652 154.7 663.2 153.5Q676.7 152.4 692.8 138V141.2Q692.8 144.9 692.4 152.1Q691.9 159.3 691.9 161.3Q691.9 162.7 692.4 170.5Q692.8 178.2 692.8 181.9V184.8Q677.6 171.3 663.2 169.6Q650.3 168.2 631.9 168.2ZM724.4 168.4Q724.4 153.8 734.8 144.6Q745.3 135.4 761.1 135.4Q785.8 135.4 797 150.9Q806.1 163.6 806.1 182.8V208.1Q806.1 218.7 806.7 231.3Q808.2 253.4 818.8 266.3Q815.9 266.9 813.9 266.9Q798.7 266.9 790.9 261.3Q783.2 255.7 780.6 243.9Q775.4 256 766.1 262.6Q756.8 269.2 746.2 269.2Q732.7 269.2 724.4 261.4Q716 253.7 716 241.6Q716 223.6 734.7 211.5Q749.6 202 779.5 194V183.1Q779.5 171.3 773.4 164.4Q766.8 157 754.8 157Q739.3 157 724.4 168.4ZM779.5 218.7V206.3Q773.4 208.6 764 212.9Q742.4 223 742.4 236.5Q742.4 241.9 745.9 245.5Q749.3 249.1 755.3 249.1Q765.1 249.1 772.3 240.6Q779.5 232.2 779.5 218.7ZM890 255.1Q906.3 255.1 915.9 241.2Q925.5 227.3 925.5 204Q925.5 182.5 916.8 169.7Q908 157 893.4 157Q879.6 157 872 166.6Q864.4 176.2 864.4 193.4V225.6Q864.4 255.1 890 255.1ZM837.7 258V118.2Q837.7 100.4 836.9 91.8Q836 83.5 833.7 79Q831.4 74.6 825.7 69.4Q847.2 60.5 865.8 51.4Q864.4 81.5 864.4 103.3V162.7Q878.2 134.9 904.6 134.9Q926.1 134.9 940.2 152.4Q954.2 169.9 954.2 196.9Q954.2 229.3 935.9 249.4Q917.2 269.8 888.5 269.8Q859.5 269.8 837.7 258ZM1004.2 103.3V210.9Q1004.2 225.3 1005 238.8Q1006.2 255.1 1013.1 265.2H1010.2Q1007 265.2 999.7 264.7Q992.4 264.3 990.4 264.3Q989 264.3 981.2 264.7Q973.5 265.2 969.7 265.2H966.9Q975.2 256.3 976.3 238.5Q977.2 229.3 977.2 210.9V118.2Q977.2 100.4 976.3 91.8Q975.5 83.5 973.2 79Q970.9 74.6 965.1 69.4Q987.8 60.5 1005.6 51.4Q1004.5 72.3 1004.2 103.3ZM1026 204.6Q1026 174.2 1044.4 154.7Q1062.7 134.6 1089.7 134.6Q1112.4 134.6 1126.4 148.6Q1141.1 162.4 1141.1 183.7Q1141.1 187.1 1140.5 191.1H1053.8Q1053.3 194.6 1053.3 198.6Q1053.3 219.2 1064 231.9Q1074.8 244.5 1092.9 244.5Q1115.5 244.5 1137.9 219.5Q1137.6 241.3 1123.3 255.7Q1109.5 269.5 1089.4 269.5Q1061.3 269.5 1043.5 250.5Q1026 231.9 1026 204.6ZM1055.5 177.9H1110.9Q1110.7 164.4 1103.8 157Q1096.9 149.5 1085.4 149.5Q1074.2 149.5 1066.2 157.3Q1058.1 165 1055.5 177.9ZM1150 261.1Q1149.1 256.3 1149.1 250.5Q1149.1 232.4 1155.4 219.5Q1161.5 238.5 1169.5 247.2Q1177.5 256 1189.6 256Q1197.9 256 1202.6 251.7Q1207.4 247.4 1207.4 239.6Q1207.4 231.6 1202.1 225.7Q1196.8 219.8 1183.3 212.6Q1166 203.5 1158.3 194Q1150.5 184.5 1150.5 172.5Q1150.5 157 1162.3 146.1Q1174.7 135.2 1192.2 135.2Q1210 135.2 1224.9 142.6Q1225.7 148.6 1225.7 154.1Q1225.7 170.7 1220.6 181.7Q1212 164.1 1204.4 156.4Q1196.8 148.6 1188.1 148.6Q1181.3 148.6 1177.1 152.8Q1172.9 157 1172.9 163.9Q1172.9 171 1178.8 177.2Q1184.7 183.4 1199.9 191.7Q1217.1 200.9 1224.2 210.1Q1231.2 219.2 1231.2 231.9Q1231.2 248.8 1219 259.3Q1206.8 269.8 1187.9 269.8Q1164.9 269.8 1150 261.1Z",w=e=>a=>h(1232,328,`${y(e,a)}
9  <path fill="${e}" d="${V}"/>`),k=(e,a,n)=>s=>h(400,400,`${n?`  <pattern id="d" width="32" height="32" patternUnits="userSpaceOnUse">
10    <circle cx="16" cy="16" r="1.8" fill="${n}"/>
11  </pattern>
12`:""}  <rect width="400" height="400" rx="48" fill="${e}"/>
13${n?`  <rect width="400" height="400" rx="48" fill="url(#d)"/>
14`:""}  <g fill="${a}" transform="${M}">
15    ${s[2]}
16  </g>`),N=[{id:"lockup-white",name:"Logo",meta:"White",file:"fables-logo-white.svg",build:w("#ffffff")},{id:"cutout-white",name:"Cutout",meta:"White",file:"fables-cutout-white.svg",build:m("#ffffff")},{id:"mark-white",name:"Mark",meta:"White",file:"fables-mark-white.svg",build:g("#ffffff")},{id:"lockup-black",name:"Logo",meta:"Black",file:"fables-logo-black.svg",build:w("#000000")},{id:"cutout-black",name:"Cutout",meta:"Black",file:"fables-cutout-black.svg",build:m("#000000")},{id:"mark-black",name:"Mark",meta:"Black",file:"fables-mark-black.svg",build:g("#000000")}],E=[{id:"prologue",name:"Prologue",meta:"White on graphite",file:"prologue-token.svg",build:k("#1a1919","#ffffff","rgba(255,255,255,.07)")},{id:"points",name:"Points",meta:"Ink on brand green",file:"points-token.svg",build:k("#ccff00","#201d1d")}];function f(e){return navigator.clipboard?.writeText(e)??Promise.reject(new Error("no clipboard"))}function G(e,a){const n=URL.createObjectURL(new Blob([a],{type:"image/svg+xml"})),s=document.createElement("a");s.href=n,s.download=e,s.click(),setTimeout(()=>URL.revokeObjectURL(n),1e3)}const Z="_page_1jfoe_1",B="_layout_1jfoe_7",U="_hero_1jfoe_18",O="_heroTitle_1jfoe_39",I="_section_1jfoe_48",z="_head_1jfoe_48",W="_title_1jfoe_48",D="_desc_1jfoe_48",K="_tileGrid_1jfoe_91",X="_tile_1jfoe_91",q="_stage_1jfoe_108",J="_specimen_1jfoe_115",Y="_art_1jfoe_131",e1="_logoGrid_1jfoe_144",t1="_tileFoot_1jfoe_250",a1="_tileName_1jfoe_260",o1="_tileActions_1jfoe_280",n1="_button_1jfoe_293",c1="_brandTile_1jfoe_340",s1="_brandHex_1jfoe_352",l1="_brandCaption_1jfoe_360",i1="_paletteRows_1jfoe_373",r1="_paletteRow_1jfoe_373",d1="_swatchRow_1jfoe_384",h1="_swatch_1jfoe_384",Q1="_swatchFill_1jfoe_409",f1="_swatchMeta_1jfoe_415",u1="_swatchName_1jfoe_422",_1="_swatchHex_1jfoe_428",p1="_setLabel_1jfoe_435",o={page:Z,layout:B,hero:U,heroTitle:O,section:I,head:z,title:W,desc:D,tileGrid:K,tile:X,stage:q,specimen:J,art:Y,logoGrid:e1,tileFoot:t1,tileName:a1,tileActions:o1,button:n1,brandTile:c1,brandHex:s1,brandCaption:l1,paletteRows:i1,paletteRow:r1,swatchRow:d1,swatch:h1,swatchFill:Q1,swatchMeta:f1,swatchName:u1,swatchHex:_1,set

16Label:p1};function d(){const[e,a]=j(""),n=H(0);return v(()=>()=>clearTimeout(n.current),[]),[e,s=>{clearTimeout(n.current),a(s),n.current=window.setTimeout(()=>a(""),1600)}]}function r({id:e,title:a,desc:n,children:s}){return t("section",{class:o.section,id:e,children:[t("div",{class:o.head,children:[t("h2",{class:o.title,children:a}),t("p",{class:o.desc,children:n})]}),s]})}function $({asset:e}){const[a,n]=d(),[s,Q]=d(),[u,C]=j("");v(()=>{let l=!0;return b().then(i=>l&&C(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(e.build(i))}`),()=>{}),()=>{l=!1}},[e]);const _=(l,i,R)=>()=>{b().then(F=>l(e.build(F))).then(()=>i(R),()=>i("Failed"))};return t("figure",{class:o.tile,children:[t("div",{class:o.stage,"data-spec":e.id,children:u?t("img",{class:o.art,src:u,alt:`${e.name}, ${e.meta}`}):t("span",{class:o.specimen})}),t("figcaption",{class:o.tileFoot,children:[t("span",{class:o.tileName,children:[e.name,t("span",{children:e.meta})]}),t("span",{class:o.tileActions,children:[t("button",{class:o.button,type:"button",onClick:_(f,n,"ok"),children:[a==="ok"?t(x,{size:14,noPadding:!0}):t(T,{size:14,noPadding:!0}),a==="Failed"?"Failed":"Copy SVG"]}),t("button",{class:o.button,type:"button",onClick:_(l=>G(e.file,l),Q,"ok"),children:s==="Failed"?"Failed":"Download"})]})]})]})}const b1=[{label:"Surface",swatches:[["Canvas","#100f0f"],["Card","#1a1919"],["Surface","#1f1e1e"],["Raised","#2a2828"]]},{label:"Ink",swatches:[["Primary","#ffffff"],["Secondary","#bcbbbb"],["Muted","#8f8e8e"],["Faint","#636161"]]},{label:"Signal",swatches:[["Positive","#66c399"],["Negative","#ff773d"],["Acce

16nt","#55a7fb"],["Session","#d2a022"]]}];function g1({name:e,hex:a}){const[n,s]=d(),Q=()=>{f(a).then(()=>s("Copied"),()=>s("Failed"))};return t("button",{class:o.swatch,type:"button",onClick:Q,title:`Copy ${a}`,children:[t("span",{class:o.swatchFill,style:{background:a}}),t("span",{class:o.swatchMeta,children:[t("span",{class:o.swatchName,children:e}),t("span",{class:o.swatchHex,children:n||a})]})]})}const m1=`background-image: radial-gradient(circle at center, rgba(255, 255, 255, .13) .93px, rgba(255, 255, 255, 0) 1.23px);
17background-size: 12.4px 12.4px;`;function w1(){const[e,a]=d(),n=()=>{f(m1).then(()=>a("ok"),()=>a("Failed"))};return t("figure",{class:o.tile,children:[t("div",{class:o.stage,"data-spec":"texture"}),t("figcaption",{class:o.tileFoot,children:[t("span",{class:o.tileName,children:["Dot grid",t("span",{children:"12.4px grid"})]}),t("span",{class:o.tileActions,children:t("button",{class:o.button,type:"button",onClick:n,children:[e==="ok"?t(x,{size:14,noPadding:!0}):t(T,{size:14,noPadding:!0}),e==="Failed"?"Failed":"Copy CSS"]})})]})]})}function $1(){return t("main",{class:o.page,children:t("div",{class:o.layout,children:[t("header",{class:o.hero,children:t("h1",{class:o.heroTitle,children:"Brand"})}),t(r,{id:"logo",title:"Logo",desc:"Logo, cutout and mark, in white and black.",children:t("div",{class:`${o.tileGrid} ${o.logoGrid}`,children:N.map(e=>t($,{asset:e},e.id))})}),t(r,{id:"symbols",title:"Symbols",desc:"Token icons for Prologue and Points.",children:t("div",{class:o.tileGrid,children:E.map(e=>t($,{asset:e},e.id))})}),t(r,{id:"colour",title:"Colour",desc:"Brand, surface, text and status colours. Click a swatch to copy it.",children:[t("div",{class:o.brandTile,children:[t("span",{class:o.brandHex,children:"#ccff00"}),t("span",{class:o.brandCaption,children:["Brand green",t("span",{children:"Primary accent"})]})]}),t("div",{class:o.paletteRows,children:b1.map(e=>t("div",{class:o.paletteRow,children:[t("p",{class:o.setLabel,children:e.label}),t("div",{class:o.swatchRow,children:e.swatches.map(([a,n])=>t(g1,{name:a,hex:n},n))})]},e.label))})]}),t(r,{id:"texture",title:"Texture",desc:"The dot grid used as the page background.",children:t(w1,{})})]})})}export{$1 as BrandPage,$1 as default};