https://palette.site/js/app.792e273d.js

1(function(e){function t(t){for(var o,s,n=t[0],c=t[1],l=t[2],d=0,u=[];d<n.length;d++)s=n[d],Object.prototype.hasOwnProperty.call(i,s)&&i[s]&&u.push(i[s][0]),i[s]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);p&&p(t);while(u.length)u.shift()();return r.push.apply(r,l||[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],o=!0,s=1;s<a.length;s++){var n=a[s];0!==i[n]&&(o=!1)}o&&(r.splice(t--,1),e=c(c.s=a[0]))}return e}var o={},s={app:0},i={app:0},r=[];function n(e){return c.p+"js/"+({}[e]||e)+"."+{"chunk-309a99a8":"53681e88"}[e]+".js"}function c(t){if(o[t])return o[t].exports;var a=o[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,c),a.l=!0,a.exports}c.e=function(e){var t=[],a={"chunk-309a99a8":1};s[e]?t.push(s[e]):0!==s[e]&&a[e]&&t.push(s[e]=new Promise((function(t,a){for(var o="css/"+({}[e]||e)+"."+{"chunk-309a99a8":"e19a7c8f"}[e]+".css",i=c.p+o,r=document.getElementsByTagName("link"),n=0;n<r.length;n++){var l=r[n],d=l.getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(d===o||d===i))return t()}var u=document.getElementsByTagName("style");for(n=0;n<u.length;n++){l=u[n],d=l.getAttribute("data-href");if(d===o||d===i)return t()}var p=document.createElement("link");p.rel="stylesheet",p.type="text/css",p.onload=t,p.onerror=function(t){var o=t&&t.target&&t.target.src||i,r=new Error("Loading CSS chunk "+e+" failed.\n("+o+")");r.code="CSS_CHUNK_LOAD_FAILED",r.request=o,delete s[e],p.parentNode.removeChild(p),a(r)},p.href=i;var b=document.getElementsByTagName("head")[0];b.appendChild(p)})).then((function(){s[e]=0})));var o=i[e];if(0!==o)if(o)t.push(o[2]);else{var r=new Promise((function(t,a){o=i[e]=[t,a]}));t.push(o[2]=r);var l,d=document.createElement("script");d.charset="utf-8",d.timeout=120,c.nc&&d.setAttribute("nonce",c.nc),d.src=n(e);var u=new Error;l=function(t){d.onerror=d.onload=null,clearTimeout(p);var a=i[e];if(0!==a){if(a){var o=t&&("load"===t.type?"missing":t.type),s=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+o+": "+s+")",u.name="ChunkLoadError",u.type=o,u.request=s,a[1](u)}i[e]=void 0}};var p=setTimeout((function(){l({type:"timeout",target:d})}),12e4);d.onerror=d.onload=l,document.head.appendChild(d)}return Promise.all(t)},c.m=e,c.c=o,c.d=function(e,t,a){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},c.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(c.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)c.d(a,o,function(t){return e[t]}.bind(null,o));return a},c.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/",c.oe=function(e){throw console.error(e),e};var l=window["webpackJsonp"]=window["webpackJsonp"]||[],d=l.push.bind(l);l.push=t,l=l.slice();for(var u=0;u<l.length;u++)t(l[u]);var p=d;r.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"00bd":function(e,t,a){"use strict";function o(e,t){let a=document.querySelector(`meta[name="${e}"], meta[property="${e}"]`);a||(a=document.createElement("meta"),e.startsWith("og:")||e.startsWith("twitter:")?a.setAttribute("property",e):a.setAttribute("name",e),document.head.appendChild(a)),a.setAttribute("content",t)}function s(e){let t=document.querySelector('link[rel="canonical"]');t||(t=document.createElement("link"),t.setAttribute("rel","canonical"),document.head.appendChild(t)),t.setAttribute("href",e)}function i({title:e,description:t,path:a}){const i=a.startsWith("http")?a:"https://palette.site"+a;document.title=e,o("description",t),o("twitter:title",e),o("twitter:description",t),o("og:title",e),o("og:description",t),s(i)}function r(e){let t=document.querySelector('meta[name="robots"]');e?(t||(t=document.createElement("meta"),t.setAttribute("name","robots"),document.head.appendChild(t)),t.setAttribute("content",e)):t&&t.remove()}a.d(t,"b",(function(){return o}

1)),a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return i})),a.d(t,"d",(function(){return r}))},"0127":function(e,t,a){"use strict";var o=a("7a23");const s=["href"],i=["src"],r={p:"",class:"main__extension-text"};function n(e,t,a,n,c,l){return Object(o["v"])(),Object(o["f"])("a",{class:"main__extension",href:c.btnExtRef,target:"_blank"},[Object(o["g"])("img",{class:"main__extension-img",src:c.btnExtIcon,alt:"browser icon"},null,8,i),Object(o["g"])("p",r,Object(o["H"])(c.btnExtText),1)],8,s)}var c=a("4360"),l=a("5cf3"),d=a.n(l),u=a("1511"),p=a.n(u),b=a("994d"),f=a.n(b),h=a("4b1c"),g=a.n(h),m=a("3e70"),v=a.n(m),y=a("a904c"),j=a.n(y),O={data(){let e="Get for Chrome",t=d.a,a="https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh";switch(c["a"].state.browser){case"safari":t=f.a,e="Get for Safari",a="https://apps.apple.com/us/app/site-palette/id6451384418?mt=12";break;case"firefox":t=p.a,e="Get for Firefox",a="https://addons.mozilla.org/addon/site-palette";break;case"edge-chromium":t=g.a,e="Get for MS Edge";break;case"brave":t=j.a,e="Get for Brave";break;case"opera":t=v.a,e="Get for Opera";break;default:break}return{btnExtText:e,btnExtIcon:t,btnExtRef:a}}},_=(a("28e1"),a("6b0d")),w=a.n(_);const k=w()(O,[["render",n],["__scopeId","data-v-2933b679"]]);t["a"]=k},"025e":function(e,t,a){},"036e":function(e,t,a){},"05b1":function(e,t,a){e.exports=a.p+"img/howit-first-new.6aafb4f1.svg"},"06f5":function(e,t,a){e.exports=a.p+"img/NoPalettes.33dcf34e.png"},"0c83":function(e,t){function a(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}a.keys=function(){return[]},a.resolve=a,e.exports=a,a.id="0c83"},"0f42":function(e,t,a){"use strict";a("5e24")},"0fd7":function(e,t,a){"use strict";a("025e")},1151:function(e,t,a){},"126a":function(e,t,a){"use strict";a("8f74")},"12a7":function(e,t,a){},1511:function(e,t,a){e.exports=a.p+"img/icon-firefox.2846f97d.svg"},"15ec":function(e,t,a){"use strict";a("1151")},"16cf":function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s=e=>(Object(o["y"])("data-v-826fac12"),e=e(),Object(o["w"])(),e),i={id:"pricing",class:"pricing padding"},r={class:"container"},n={class:"pricing__content"},c=s(()=>Object(o["g"])("h2",{class:"section-heading"},"Pricing",-1)),l=s(()=>Object(o["g"])("p",{class:"section-subheading"}," Take advantage of the introductory pricing and unlock the full color palette extractor for designers and developers. ",-1)),d={class:"section-block"},u=Object(o["h"])('<div class="section-block__price-cards" data-v-826fac12><div class="section-block__price-card" data-v-826fac12><p class="section-block__price-card-title" data-v-826fac12>Subscription</p><div class="section-block__price-card-main" data-v-826fac12><p class="section-block__price-card-subtitle" data-v-826fac12>from</p><div class="section-block__price-info" data-v-826fac12><p class="section-block__price_dollar" data-v-826fac12>$</p><p class="section-block__price_count" data-v-826fac12>2.50</p><p class="section-block__price_period" data-v-826fac12>/mo</p></div><p class="section-block__price-card-bill" data-v-826fac12>billed annually</p></div></div><div class="section-block__price-card section-block__price-card_lt" data-v-826fac12><p class="section-block__price-card-title" data-v-826fac12>Lifetime</p><div class="section-block__price-card-main" data-v-826fac12><div class="section-block__price-info" data-v-826fac12><p class="section-block__price_dollar" data-v-826fac12>$</p><p class="section-block__price_count" data-v-826fac12>99</p></div><p class="section-block__price-card-bill" data-v-826fac12>billed once</p></div></div></div>',1),p=s(()=>Object(o["g"])("div",{class:"bg-img-one rotation"},null,-1)),b=s(()=>Object(o["g"])("div",{class:"bg-img-two rotation-two"},null,-1));function f(e,t,a,s,f,h){const g=Object(o["D"])("GetExtBtn");return Object(o["v"])(),Object(o["f"])("section",i,[Object(o["g"])("div",r,[Object(o["g"])("div",n,[c,l,Object(o["g"])("div",d,[u,Object(o["j"])(g)]),p,b])])])}var h=a("0127"),g={components:{GetExtBtn:h["a"]}},m=(a("2bb2"),a("6b0d")),v=a.n(m);const y=v()(g,[["render",f],["__scopeId","data-v-826fac12"]]);t["default"]=y},1996:function(e,t,a){e.exports=a.p+"img/FAQ-1.eb34eb81.gif"},"1b0d":function(e,t,a){},"1ea2":function(e,t,a){"use strict";a("80ad")},2281:function(e,t,a){},"248d":function(e,t,a){},2564:function(e,t,a){"use strict";a.r(t);var o=a("7a23"),s=a("ff8e"),i=a.n(s);const r=e=>(Object(o["y"])("data-v-7dc1f5f4"),e=e(),Object(o["w"])(),e),n={class:"footer"},c={class:"wrapper"},l={class:"footer__left"},d=r(()=>Object(o["g"])("a",{href:"/",class:"footer__logo","aria-label":"link to main page"},[Object(o["g"])("img",{src:i.a,alt:"logo"}

1)],-1)),u={class:"footer__copyright"},p=r(()=>Object(o["g"])("span",null,[Object(o["i"])("Made by "),Object(o["g"])("a",{class:"footer__copyright-link",href:"https://karmabot.chat/",target:"_blank"},"Karma"),Object(o["i"])(" team with ❤️")],-1)),b={class:"footer__navigation"},f=Object(o["h"])('<div class="footer__navigation-col" data-v-7dc1f5f4><a href="/comparison" aria-label="go to comparison page" class="footer__link" data-v-7dc1f5f4>Why Site Palette?</a><a href="/vs-color" aria-label="go to comparison page color" class="footer__link" data-v-7dc1f5f4>Site Palette vs. Color Palette</a><a href="/vs-extract" aria-label="go to comparison page extract" class="footer__link" data-v-7dc1f5f4>Site Palette vs. Extract Colors DevTool</a><a href="/vs-website" aria-label="go to comparison page website" class="footer__link" data-v-7dc1f5f4>Site Palette vs. Website Color Palette</a></div>',1),h={class:"footer__navigation-col"},g=r(()=>Object(o["g"])("a",{href:"/success-stories",class:"footer__link"},"Success stories",-1)),m=["href"],v={class:"footer__navigation-col"},y=["href"],j=r(()=>Object(o["g"])("a",{href:"/help","aria-label":"go to help page",class:"footer__link"},"Help",-1)),O=r(()=>Object(o["g"])("a",{href:"/privacy","aria-label":"go to privacy page",class:"footer__link"},"Privacy policy",-1)),_=r(()=>Object(o["g"])("a",{href:"/tos","aria-label":"go to terms and conditions page",class:"footer__link"},"Terms of service",-1));function w(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("footer",n,[Object(o["g"])("div",c,[Object(o["g"])("div",l,[d,Object(o["g"])("div",u,[p,Object(o["g"])("span",null," © "+Object(o["H"])(i.currentYear)+" All rights reserved.",1)])]),Object(o["g"])("nav",b,[f,Object(o["g"])("div",h,[g,(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(i.successStories,e=>(Object(o["v"])(),Object(o["f"])("a",{key:e.slug,href:"/success-stories/"+e.slug,class:"footer__link"},Object(o["H"])(e.footerLabel),9,m))),128))]),Object(o["g"])("div",v,[Object(o["g"])("a",{href:i.blogUrl,class:"footer__link"},"Blog",8,y),j,O,_])])])])}var k=a("31a1"),x={data(){const{origin:e}=window.location,t=e;return{currentYear:(new Date).getFullYear(),blogUrl:t+"/blog/",successStories:k["b"]}}},S=(a("d256"),a("6b0d")),P=a.n(S);const C=P()(x,[["render",w],["__scopeId","data-v-7dc1f5f4"]]);t["default"]=C},"28e1":function(e,t,a){"use strict";a("12a7")},"296f":function(e,t,a){"use strict";a("751f")},"2a14":function(e,t,a){e.exports=a.p+"img/upgradeOK.d4f965e0.svg"},"2b8b":function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s=e=>(Object(o["y"])("data-v-39af3e30"),e=e(),Object(o["w"])(),e),i={class:"main padding"},r={class:"container"},n={class:"main__content"},c={class:"main__text-block"},l=s(()=>Object(o["g"])("h1",{class:"main__title"}," Extract color palette from any website ",-1)),d=s(()=>Object(o["g"])("h2",{class:"main__subtitle"}," Site Palette is a browser extension that extracts the color scheme and hex codes from any website. A must-have tool for designers and frontend developers. ",-1)),u=s(()=>Object(o["g"])("p",{class:"main__extensions-disclamer"}," Free 24-hour trial is available for new members. ",-1)),p={class:"main__cards-box"};function b(e,t,a,s,b,f){const h=Object(o["D"])("GetExtBtn"),g=Object(o["D"])("Cards");return Object(o["v"])(),Object(o["f"])("main",i,[Object(o["g"])("div",r,[Object(o["g"])("div",n,[Object(o["g"])("div",c,[l,d,Object(o["j"])(h),u]),Object(o["g"])("div",p,[Object(o["j"])(g)])])])])}var f=a("b2be"),h=a("0127"),g={components:{Cards:f["default"],GetExtBtn:h["a"]}},m=(a("ae8d"),a("6b0d")),v=a.n(m);const y=v()(g,[["render",b],["__scopeId","data-v-39af3e30"]]);t["default"]=y},"2bb2":function(e,t,a){"use strict";a("ea87")},"2e44":function(e,t,a){"use strict";a("7b0d")},"2eab":function(e,t,a){"use strict";a("9d8f")},"2f68":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAAH5FsI7AAAAAXNSR0IArs4c6QAAA6NJREFUeAHtnL9OFUEUxmcmwL0kNFoRTYRKEzCxsxEbTXwEEjshWBgJEZ+AB0CkkJgIidhIwiOYSKMW2thw6cVXIBEV73gOODd7/7kj3xDm4rfNLDvznTnzO2d3787sYo1si1Peaxm27f39sHtYWmP3XGujphZ//vDGD7lOFZ2OpW9or7+rNw1Eu732ub3z9F3HW1SY7R61H7FL9/14/cBsF6taI7O+MWhda6OiIOzfu/vNx/sYVGVltMWeiEzZaEN9x8iEymLZGq1iXXE/KoJFQdl+dFzKDIX6/A12zLDgfrHsdD0o1of9/Iec3sNPN50N409RHhpbnPY1483Y3wyWnyl2eX2jOm9j7kLaUblBY6y19aQMvfcuqUEdCQ0qBWzLnyEvX1iEVZ1/lOkhFmX57bxydE+Z8m/F1C3M3JE65lYR28/olWrFxtzwYg1qu5QOqj1XdjfWRqe5JT9NUg+GDqJESZAEUQKoPvo3V2xHsY+WsfZ4ksSS6taOBLuRiT1OgrGkurXLn6BMhCx38z6H4+7jhJ0fOW8rMmVTz8Gh4IM+j6zOOduYNHsy7Z9K5YyspwyFRscp0Z/8EtGdvn47ufqqUtP+7eaCH9j9Yr4fx5lOGtTBYFMIbr3cqN7Wh6Zf8lyS7GRJ5aA62j/grupDUzLnwuhTlQc//Wa2zukgZWZ0LGsH1Uk6qBSQjQQReqolQRJECaB65iAJogRQPXMQJcjZLZQgc5AEUQKonjlIgigBVM8cJEGUAKpnDp5pgjJfvZd3iL1Zk3l+u4KG4aT0L+bsvK6TzObmpMzw1y8Oy9qNbI11El2O+LprluRrjQc5TaynXDVAIy2B1K9Zno9erjxeWLA/GgBlkemZLDA9RDs4CX1OAJvGJ6fu+uvqrNUVOoH3qKkyoz+yBXjIyC7rVXomI1495Ypc/2YcujbcUyNO7Ow/fWCYuO8zYy7vH1o9gJkAwSARIAGCBEA5M5AAQQKgnBlIgCABUM4MJECQAChnBhIgSACUMwMJECQAypO/pwX60yZP/VVjWwfgAZ7CBAgSAOXMQAIECYByZiABggRAOTOQAEECoJwZSIAgAVDODCRAkAAoZwYSIEgAlDMDUYDywvQOaOO/lSs712fNZG7/KagXIqJv6vc7M+k+TNjayDkzKG+gb/WC41n4KKwuDJvBlVlba3zmEBy78d6PH+h7097ckWOX9DXWUHca5WlP6Uti7QmLXRn7G8m4NYVW5PAb773TIoVXxy0AAAAASUVORK5CYII="},"30de":function(e,t,a){e.exports=a.p+"img/upgradeFail.8dc31e94.svg"},"31a1":function(e,t,a){"use strict";a.d(t,"b",(function(){return l})),a.d(t,"a",(function(){return d}));var o=a("6f71"),s=a.n(o),i=a("42f9"),r=a.n(i),n=a("570f"),c=a.n(n);const l=[{slug:"senior-designer-no-manual-extraction",title:"How a senior designer eliminated manual color extraction with Site Palette",author:{name:"Alexander Gladilin",role:"Senior Digital Designer",company:"Sliday",avatar:s.a},footerLabel:"Senior designer: No manual extraction",excerpt:"At a fast-paced agency, a senior designer cut client color prep from 20 minutes of DevTools and eyedropper work to 

1seconds with Site Palette — accurate palettes, Figma import, and shareable links for the whole team.",leadHtml:!0,lead:'Alexander Gladilin is a Senior Digital Designer at <a href="https://sliday.com/" target="_blank" rel="noopener noreferrer">Sliday</a>, a dynamic digital agency where he brings complex web, product, and branding projects to life. His role requires constantly shifting gears between diverse clients, meaning efficiency isn\'t just a bonus — it\'s an absolute necessity. To keep up with tight deadlines without sacrificing quality, he is always on the lookout for tools that eliminate administrative busywork and protect his creative time.',blocks:[{type:"heading",id:"the-challenge",text:"The challenge: the tedious color hunt"},{type:"paragraph",text:"Working at a fast-paced agency, Alexander tackles numerous web design, branding, and product redesign projects. Whenever a new client came onboard, the first step was always the same: understanding and adapting their existing brand colors."},{type:"paragraph",text:"In the past, this meant a tedious, manual workflow. Alexander had to dig through CSS files via Developer Tools, take screenshots of the client's website, and painstakingly use the eyedropper tool in Figma to capture the hex codes. Not only was this process time-consuming, but it also left room for inconsistencies — especially when trying to extract secondary colors, gradients, or hover states that weren't immediately obvious."},{type:"quote",text:"Before, I'd spend up to 20 minutes just trying to build a comprehensive color library from a client's live website. When you multiply that across multiple projects and design iterations, you are losing hours of creative time on basic admin work."},{type:"heading",id:"the-solution",text:"The solution: seamless extraction with Site Palette"},{type:"paragraph",html:!0,text:"Alexander needed a way to automate color extraction without leaving his browser or his design environment. That's when he integrated <strong>Site Palette</strong> into his daily workflow."},{type:"paragraph",text:"With the Site Palette Chrome extension, Alexander's workflow transformed instantly. Instead of hunting for hex codes, he simply navigates to the client's website, clicks the extension icon, and Site Palette automatically generates comprehensive color schemes."},{type:"quote",text:"The ability to instantly see different palette extractions — like Median Cut, Material Design, and Color Cube — gives me a perfect starting point. It doesn't just pull random colors; it ranks them by their on-screen area and extracts the visible CSS colors flawlessly."},{type:"paragraph",html:!0,text:"Site Palette's deep integration with design tools took it a step further. Instead of manually copying and pasting hex codes, Alexander utilizes the <strong>Site Palette Figma plugin</strong>. With one click, the generated palettes are imported directly into his Figma workspace, ready to be turned into local color variables."},{type:"heading",id:"the-results",text:"The results: faster iterations and perfect consistency"},{type:"paragraph",text:"By adopting Site Palette, Alexander and the design team at Sliday have significantly streamlined their design operations. What used to take 20 minutes per project now takes just seconds, entirely eliminating the old manual eyedropper workflow."},{type:"paragraph",text:"The tool also enables frictionless collaboration. Alexander frequently uses Site Palette's shareable links to send palettes to Sliday's front-end developers, ensuring the design and engineering teams are always aligned on the exact same hex codes. Furthermore, with built-in support for Figma, Sketch templates, and Adobe Swatches, the transition from browser inspiration to an active design file is completely seamless."},{type:"quote",text:"Site Palette does exactly what a great design tool should do: it gets out of your way and lets you focus on creating. It keeps my color workflow close to my design files, moves me from inspiration to execution faster, and guarantees that my client brand colors are 100% accurate every single time."},{type:"heading",id:"key-takeaways",text:"Key takeaways from Alexander's workflow"},{type:"paragraph",text:"Alexander's experience highlights how effortlessly you can streamline design prep. By using the Chrome extension, you can extract colors from any live URL in seconds. From there, the Figma Community plugin allows you to drop those palettes directly into your canvas so you can work natively. When it is time to hand off, generating unique, shareable links keeps designers, project managers, and developers on the same page."},{type:"paragraph",html:!0,text:'<strong>Ready to streamline your design process like Alexander?</strong> <a href="/">Get the Site Palette extension for free.</a>'}]},{slug:"product-designer-instant-moodboards",title:"How a product designer supercharged her moodboarding and competitive analysis with Site Palette",author:{name:"Rosa Suleymanova",role:"Product Designer",avatar:r.a},footerLabel:"Product designer: Instant moodboards",excerpt:"A product designer uses Site Palette to extract competitor color systems in seconds — structured palettes for moodboards, exports to Sketch and Adobe Swatches, and PDF reports for stakeholder reviews.",lead:"Rosa Suleymanova is a Product Designer specializing in building intuitive SaaS platforms and scaling digital products for early-stage startups. Operating in an environment where speed to market is critical, she is constantly tasked with taking abstract concepts and turning them into polished, user-friendly interfaces. A major part of her role involves establishing the visual direction for entirely new products from scratch. To do this effectively, she needs to stay inspired, analyze industry trends, and present visual concepts to stakeholders quickly, all without getting bogged down in tedious manual workflows.",blocks:[{type:"heading",id:"the-challenge",text:"The challenge: the fragmented inspiration process"},{type:"paragraph",text:"Whenever Rosa started a new product design phase, her first step was deep competitive analysis and moodboarding. She needed to understand how industry leaders were utilizing color to establish trust, hierarchy, and accessibility in their dashboards."},{type:"paragraph",text:"Historically, this meant a clunky, disjointed research phase. Rosa would take dozens of screenshots of different web applications, paste them into a massive Figma file, and manually use the eyedropper tool to pull out primary, secondary, and accent colors to see how they interacted. Not only was this incredibly time-consuming, but the screenshots would often include shadows, overlays, or varied opacities that made extracting the true base CSS colors nearly impossible. Building a clean, comparable visual landscape of competitor color systems took hours of tedious pixel-hunting."},{type:"quote",text:"I was spending entirely too much time trying to reverse-engineer the color systems of other products. I just wanted to pull the raw data so I could see exactly what shades of blue fintech companies were using, or how productivity tools balanced their alert colors, but I was stuck doing manual data entry."},{type:"heading",id:"the-solution",text:"The solution: capturing inspiration on the fly"}

1,{type:"paragraph",html:!0,text:"Rosa needed a tool that could bridge the gap between her browser-based research and her design canvas. When she discovered <strong>Site Palette</strong>, her entire approach to competitive analysis shifted."},{type:"paragraph",text:"Instead of cluttering her hard drive with screenshots, Rosa now uses the Site Palette Chrome extension as her primary research companion. As she navigates through competitor platforms or beautifully designed websites she wants to use for inspiration, she simply clicks the extension. Within seconds, Site Palette extracts the exact CSS colors, organizing them into logical, actionable palettes."},{type:"quote",text:"The Color Cube and Median Cut features are absolute game-changers for research. I don't just get a massive dump of every color on the page; I get a structured hierarchy of the dominant colors being used. It completely demystifies how complex platforms are structuring their visual hierarchy."},{type:"heading",id:"the-results",text:"The results: from research to design system in record time"},{type:"paragraph",text:"By integrating Site Palette into her discovery phase, Rosa has drastically accelerated her design process. What used to be a multi-day task of building moodboards and competitive color matrices is now completed in a fraction of the time."},{type:"paragraph",text:"Because Site Palette allows her to export these palettes directly into Sketch or as Adobe Swatches, she can instantly apply real-world, tested color ratios to her low-fidelity wireframes. When presenting moodboards to founders and stakeholders, she uses Site Palette's auto-generated PDF reports, providing a clean, professional breakdown of the visual landscapes they are discussing."},{type:"quote",text:"Site Palette has completely transformed how I handle visual research. It allows me to capture inspiration instantly and transition from analyzing a competitor to building out my own design system in Figma seamlessly. It's an indispensable part of my product design toolkit."},{type:"heading",id:"key-takeaways",text:"Key takeaways from Rosa's workflow"},{type:"paragraph",text:"Rosa's experience demonstrates how powerful automated extraction can be for research and moodboarding. By leveraging the browser extension, product designers can effortlessly reverse-engineer complex color systems during competitive analysis. The ability to export palettes directly into native design tools or as professional PDF reports means you can seamlessly move from gathering inspiration to presenting concepts and building out foundational design systems."},{type:"paragraph",html:!0,text:'<strong>Ready to streamline your design research like Rosa?</strong> <a href="/">Get the Site Palette extension for free.</a>'}]},{slug:"junior-ux-ui-zero-hex-typos",title:"How a junior UX/UI designer mastered color consistency with the Site Palette Figma plugin",author:{name:"Alena Yunyazova",role:"Junior UX/UI Designer",avatar:c.a},footerLabel:"Junior UX/UI: Zero hex typos",excerpt:"A junior UX/UI designer uses the Site Palette Figma plugin to import extracted palettes straight onto the canvas — no hex copy-paste, organized swatches, and local variables from day one.",lead:"Alena Yunyazova is a Junior UX/UI Designer who is passionate about creating clean, accessible, and modern digital experiences. As someone early in her design career, she is highly focused on mastering industry-standard tools and building habits that lead to scalable, professional design files. Whether she is working on freelance projects for local businesses or building out case studies for her portfolio, she knows that a well-organized Figma file is just as important as the final visual output. However, navigating the transition from raw creative inspiration to a structured design system can be a daunting process, often requiring tedious manual setup that disrupts her creative flow and slows down her learning process.",blocks:[{type:"heading",id:"the-challenge",text:"The challenge: the friction of manual file setup"},{type:"paragraph",text:"When Alena started setting up new Figma files, she frequently found herself bogged down by the manual process of building color libraries. After finding a color scheme she loved on a live website, she would keep a separate browser window open, painstakingly copying and pasting six or seven different hex codes into Figma text layers. From there, she had to manually draw out rectangles, apply the fills, and individually save each one as a local color style or variable. This repetitive data entry wasn't just boring; it was highly prone to human error. A single mistyped character in a hex code could throw off the entire visual harmony of an interface, and the constant back-and-forth window switching completely derailed her 

1creative focus."},{type:"quote",text:"I was spending the first hour of every new project just trying to get my colors organized on the canvas. As a junior designer, I want to spend my time learning layout, typography, and interaction design, not acting as a data entry clerk for hex codes."},{type:"heading",id:"the-solution",text:"The solution: native integration in the design canvas"},{type:"paragraph",html:!0,text:"Looking for a way to streamline her file setup, Alena discovered the <strong>Site Palette Figma plugin</strong> and integrated it directly into her design workspace. Instead of treating color extraction and color application as two separate, disconnected tasks, the plugin unified them perfectly."},{type:"paragraph",text:"After using the Site Palette Chrome extension to grab the colors from a reference site, she simply opens the plugin right inside her Figma file. With a single click, all of her saved palettes sync directly to her current project."},{type:"quote",text:"The magic happens the moment I click import. The plugin automatically generates a beautifully organized frame on my canvas containing all the extracted color swatches, complete with their exact hex values visually labeled. It takes all the guesswork out of the equation."},{type:"heading",id:"the-results",text:"The results: instant organization and total accuracy"},{type:"paragraph",text:"By making the Site Palette Figma plugin a core part of her workflow, Alena has completely eliminated the manual labor of setting up color styles. With her swatches instantly generated on the canvas, she can immediately turn them into Figma local variables without typing a single number."},{type:"paragraph",text:"As a junior designer, this automation has given her a massive confidence boost, ensuring her foundational design files are structured just as cleanly as those of senior designers. Furthermore, she can iterate on color themes rapidly. If a client wants to pivot to a different visual direction based on a competitor's site, Alena can import the new palette via the plugin in seconds, keeping her projects moving forward without the friction of manual updates."},{type:"quote",text:"Site Palette has made me so much faster and more confident in Figma. I never worry about making a typo in a hex code anymore, and my files are incredibly organized from the very first click. It's the ultimate shortcut for setting up a design system."},{type:"heading",id:"key-takeaways",text:"Key takeaways from Alena's workflow"},{type:"paragraph",text:"Alena's experience illustrates how crucial the right integrations are for setting up professional design files quickly and accurately. By utilizing the Site Palette Figma plugin, designers can bypass the tedious process of copying and pasting hex codes across different windows entirely. Bringing extracted palettes directly onto the canvas allows for the immediate creation of local variables and styles, ensuring perfect accuracy and a highly organized workspace from day one."},{type:"paragraph",html:!0,text:'<strong>Ready to streamline your design process like Alena?</strong> <a href="/">Get the Site Palette extension for free.</a>'}]}];function d(e){return l.find(t=>t.slug===e)}},"31bd":function(e,t,a){e.exports=a.p+"img/check-comp.b847f448.svg"},"34e4":function(e,t,a){},"394b":function(e,t,a){"use strict";a("c5ba")},"3d83":function(e,t,a){"use strict";a("c680")},"3e4a":function(e,t,a){"use strict";a("5efa")},"3e70":function(e,t,a){e.exports=a.p+"img/icon-opera.fdbb4d04.svg"},"3e72":function(e,t,a){"use strict";a("deea")},"3ebc":function(e,t,a){},"3ee0":function(e,t,a){},"42de":function(e,t,a){},"42f9":function(e,t,a){e.exports=a.p+"img/rosa.7aec1437.png"},4360:function(e,t,a){"use strict";a("14d9");var o=a("5502"),s=a("0e44"),i=a("9883"),r=a("5353"),n=a("f04a"),c=a("c9d9"),l=a("7b46");const d=Object(l["a"])();function u(){return void 0!=window.navigator.brave&&"isBrave"==window.navigator.brave.isBrave.name}const p=new r["b"]("pk_live_1936DB64EC93BFFC");function b(e){const t=new Date(e),a=(t.getDate().length<2?"0":"")+t.getDate(),o=((t.getMonth()+1+"").length<2?"0":"")+(t.getMonth()+1),s=(t.getFullYear()+"").slice(-2);return`${a}/${o}/${s}`}t["a"]=Object(o["a"])({state:{user:null,palettes:[],onePalette:{},userToken:"",isBannerShow:!0,checkingLoginML:!0,browser:u()?"brave":d?d.name:"chrome"},mutations:{setUserToken(e,t){e.userToken=t},setUser(e,t){e.user=t},setPalettes(e,t){e.palettes=t},setOnePalette(e,t){e.onePalette=t},setBannerHide(e,t){e.isBannerShow=!t},setCheckingLoginML(e,t){e.checkingLoginML=t}},getters:{user:e=>e.user,palettes:e=>e.palettes,onePalette:e=>e.onePalette,userToken:e=>e.userToken,isBannerShow:e=>e.isBannerShow,checkingLoginML:e=>e.checkingLoginML,browser:e=>e.browser},actions:{async login({commit:e},t){try{const a=await p.auth.loginWithMagicLink(t);await n["a"].login(a).then(t=>{e("setUserToken",t.token),"undefined"!==typeof chrome&&chrome.runtime?chrome.runtime&&chrome.runtime.sendMessage(c["a"],{command:"palette.site_login",token:t.token}):(localStorage.setItem("palette.site_login",t.token),window.postMessage("externally_connectable.login"))}).catch(e=>console.log(e)),n["a"].getUser(this.state.userToken).then(e=>{e.user.first_time?i["a"].push({path:"/welcome"}):i["a"].push({path:"/profile"})})}catch(a){a instanceof r["d"]&&(console.log("SDKError"),console.log(a)),a instanceof r["c"]&&(console.log("RPCError"),console.log(a)),a instanceof r["a"]&&(console.log("ExtensionError"),console.log(a))}},async logout({commit:e}){await n["a"].logout(this.state.userToken),await p.user.logout(),i["a"].push({path:"/"}),"undefined"!==typeof chrome&&chrome.runtime?chrome.runtime&&chrome.runtime.sendMessage(c["a"],{command:"palette.site_logout"}):(localStorage.removeItem("palette.site_login"),window.postMessage("externally_connectable.logout")),e("setUser",null),e("setUserToken",""),e("setPalettes",[]),e("setOnePalette",{}),e("setBannerHide",!1),e("setCheckingLoginML",!1)},setUser({commit:e},t){e("setUser",t)},setPalettes({commit:e},t){t.message?i["a"].push({path:"/profile"}

1):(t.palettes.forEach(e=>{e.createdDate=b(e.created_at)}),t.palettes.sort((e,t)=>new Date(t.created_at)-new Date(e.created_at)),e("setPalettes",t.palettes))},setOnePalette({commit:e},t){e("setOnePalette",t.palette)},async deletePalette({commit:e},t){n["a"].deletePalette(this.state.userToken,t).then(t=>{e("setPalettes",this.state.palettes.filter(e=>e._id!==t._id))}).catch(e=>{console.log(e)})},async sendPayment({commit:e},t){n["a"].sendPayment(this.state.userToken,t).then(e=>{window.location.href=e.url}).catch(e=>{console.log(e)})},async changePlan({commit:e}){n["a"].changePlan(this.state.userToken).then(e=>{window.location.href=e.url}).catch(e=>{console.log(e)})},async openPalette({commit:e},t){i["a"].push({path:"/palette",query:{id:t}})},setBannerHide({commit:e},t){e("setBannerHide",t)},openNotFoundPage(){i["a"].push({path:"/not-found"})},async checkLoginML({commit:e}){try{e("setCheckingLoginML",!0);const t=await p.user.isLoggedIn();if(t)if(this.state.userToken)i["a"].push({path:"/profile"});else{const t=await p.user.getIdToken();await n["a"].login(t).then(t=>{e("setUserToken",t.token),"undefined"!==typeof chrome&&chrome.runtime?chrome.runtime&&chrome.runtime.sendMessage(c["a"],{command:"palette.site_login",token:t.token}):(localStorage.setItem("palette.site_login",t.token),window.postMessage("externally_connectable.login")),i["a"].push({path:"/profile"})}).catch(e=>console.log(e))}else e("setCheckingLoginML",!1)}catch(t){console.log(t)}}},modules:{},plugins:[Object(s["a"])()]})},4991:function(e,t,a){"use strict";a("b043")},"49e9":function(e,t,a){},"4b1c":function(e,t,a){e.exports=a.p+"img/icon-ms.ea363875.svg"},"4b99":function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s=e=>(Object(o["y"])("data-v-139a7d3a"),e=e(),Object(o["w"])(),e),i={class:"posts padding"},r={class:"container"},n={class:"posts__content"},c=s(()=>Object(o["g"])("h2",{class:"posts__title"},"Latest blog posts",-1)),l=s(()=>Object(o["g"])("p",{class:"posts__subtitle"},"Tips, guides, best practices and news.",-1)),d={class:"posts__wrapper"};function u(e,t,a,s,u,p){const b=Object(o["D"])("BlogPostCard"),f=Object(o["D"])("Button");return Object(o["v"])(),Object(o["f"])("section",i,[Object(o["g"])("div",r,[Object(o["g"])("div",n,[c,l,Object(o["g"])("div",d,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(u.posts.slice(0,3),(e,t)=>(Object(o["v"])(),Object(o["d"])(b,{key:t,url:e.url,img:e.image,date:e.date,title:e.title,description:e.description},null,8,["url","img","date","title","description"]))),128))]),Object(o["j"])(f,{link:u.blogUrl,text:"View all posts"},null,8,["link"])])])])}var p=a("6f90");const b=["href"],f=["src","alt"];function h(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("a",{href:a.url,class:"blog-post"},[Object(o["g"])("img",{src:a.img,alt:a.title+" post image",width:"752",height:"400",loading:"lazy"},null,8,f),Object(o["g"])("span",null,Object(o["H"])(a.date),1),Object(o["g"])("p",null,Object(o["H"])(a.title),1),Object(o["g"])("p",null,Object(o["H"])(a.description),1)],8,b)}var g={props:{img:{type:String,required:!0},date:{type:String,required:!0},title:{type:String,required:!0},description:{type:String,required:!0},url:{type:String,required:!0}}},m=(a("955f"),a("6b0d")),v=a.n(m);const y=v()(g,[["render",h],["__scopeId","data-v-0f94f38d"]]);var j=y;a("d9e2");const{origin:O}=window.location,_=O,w=_+"/blog/",k=w+"images/",x=async()=>{try{const e=await fetch(w+"posts.json");if(!e.ok)throw new Error("Failed to fetch posts");const t=await e.json();return t.map(e=>({...e,url:w+e.url,image:k+e.image}))}catch(e){return console.error("Error fetching posts:",e),[]}};var S={components:{Button:p["a"],BlogPostCard:j},data(){const{origin:e}=window.location,t=e;return{blogUrl:t+"/blog/",posts:[]}},async created(){this.posts=await x()},methods:{getImageUrl(e){return a("8f68")(""+e)}}};a("676d");const P=v()(S,[["render",u],["__scopeId","data-v-139a7d3a"]]);t["default"]=P},"4c0e":function(e,t,a){"use strict";a("b6f3")},"504d":function(e,t,a){e.exports=a.p+"img/chris-misterek.07976a83.jpg"},"50dc":function(e,t,a){"use strict";a("c83c")},"50ea":function(e,t,a){},5412:function(e,t,a){e.exports=a.p+"img/cross.5420f207.svg"},"56d7":function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s={class:"page"};function i(e,t,a,i,r,n){const c=Object(o["D"])("router-view");return Object(o["v"])(),Object(o["f"])("section",s,[Object(o["j"])(c)])}var r=a("c9d9");const n="https://chrome.google.com/webstore/detail/"+r["a"];function c(){if("undefined"===typeof navigator)return null;const e=navigator.modelContext;if(!e||"function"!==typeof e.registerTool)return null;const t=new AbortController,a={signal:t.signal};try{e.registerTool({name:"open_help",description:"Opens the Palette help page (palette.site/help).",inputSchema:{type:"object",properties:{},additionalProperties:!1},async execute(){return window.location.assign("/help"),{opened:"/help"}}},a)}catch(o){console.warn("WebMCP open_help:",o)}try{e.registerTool({name:"open_blog",description:"Opens the Palette blog at /blog/.",inputSchema:{type:"object",properties:{},additionalProperties:!1},async execute(){return window.location.assign("/blog/"),{opened:"/blog/"}}},a)}catch(o){console.warn("WebMCP open_blog:",o)}try{e.registerTool({name:"open_chrome_store_listing",description:"Opens the Site Palette extension page in the Chrome Web Store.",inputSchema:{type:"object",properties:{},additionalProperties:!1},async execute(){return window.open(n,"_blank","noopener,noreferrer"),{opened:n}}},a)}catch(o){console.warn("WebMCP open_chrome_store_listing:",o)}return t}var l={components:{},mounted(){this._webmcpAbort=c()},beforeUnmount(){var e;null===(e=this._webmcpAbort)||void 0===e||e.abort()}},d=(a("e41a"),a("6b0d")),u=a.n(d);const p=u()(l,[["render",i]]);var b=p;const f={class:"btn"},h={class:"btn__link"};function g(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("li",f,[Object(o["g"])("a",h,[Object(o["C"])(e.$slots,"default",{},void 0,!0)])])}var m={name:"BtnHeader"};a("ce3f");const v=u()(m,[["render",g],["__scopeId","data-v-1c8cd27e"]]);var y=v;const j={class:"btn-prime"},O={class:"btn-prime__link btn-prime__link-primary"};function _(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("li",j,[Object(o["g"])("a",O,[Object(o["C"])(e.$slots,"default")])])}var w={name:"BtnHeaderPrime"};a("72a2");const k=u()(w,[["render",_]]);var x=k,S=[y,x],P=a("9883"),C=a("4360"),D=a("a584");const T=Object(o["c"])(b).use(C["a"]);T.use(D["a"],{config:{id:"G-56D9HTBZ2J"}}

1),S.forEach(e=>{T.component(e.name,e)}),T.use(P["a"]).mount("#app")},"570f":function(e,t,a){e.exports=a.p+"img/alena.d898fd79.png"},5970:function(e,t,a){},5999:function(e,t,a){"use strict";a.r(t);var o=a("7a23"),s=a("f3d2"),i=a.n(s),r=a("6669"),n=a.n(r);const c=i.a,l={class:"section-overview"},d=Object(o["h"])('<div class="wrapper" data-v-364eb64e><h2 class="section-overview__heading section-heading" data-v-364eb64e> Create, mix, share, download </h2><p class="section-overview__subheading section-subheading" data-v-364eb64e> Build a color scheme, share your color palette with a permalink, and download it as Sketch and Adobe Swatch files. </p><div class="section-overview__image section-image" data-v-364eb64e><picture data-v-364eb64e><source srcset="'+c+'" type="image/webp" data-v-364eb64e><img src="'+n.a+'" alt="Section overview" loading="lazy" data-v-364eb64e></picture></div></div>',1),u=[d];function p(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("section",l,u)}var b={},f=(a("ca86"),a("6b0d")),h=a.n(f);const g=h()(b,[["render",p],["__scopeId","data-v-364eb64e"]]);t["default"]=g},"5b19":function(e,t,a){},"5cf3":function(e,t,a){e.exports=a.p+"img/icon-chrome.a549efe7.svg"},"5e24":function(e,t,a){},"5ea6":function(e,t,a){},"5efa":function(e,t,a){},"5f4d":function(e,t,a){"use strict";a("5970")},6053:function(e,t,a){"use strict";a("5b19")},"635a":function(e,t,a){"use strict";a("2281")},"641d":function(e,t,a){"use strict";a("b862")},6669:function(e,t,a){e.exports=a.p+"img/overview.5ec5593f.png"},6686:function(e,t,a){"use strict";var o=a("7a23"),s=a("b986"),i=a.n(s);const r=e=>(Object(o["y"])("data-v-061e8400"),e=e(),Object(o["w"])(),e),n={class:"comparison__card"},c={class:"comparison__card-title"},l={class:"comparison__card-text"},d=r(()=>Object(o["g"])("img",{src:i.a,alt:""},null,-1));function u(e,t,a,s,i,r){const u=Object(o["D"])("router-link");return Object(o["v"])(),Object(o["f"])("div",n,[Object(o["g"])("h3",c,Object(o["H"])(a.title),1),Object(o["g"])("p",l,Object(o["H"])(a.text),1),Object(o["j"])(u,{to:a.to,class:"comparison__card-link","aria-label":a.ariaLabel},{default:Object(o["M"])(()=>[Object(o["i"])(" Read more "),d]),_:1},8,["to","aria-label"])])}var p={props:{title:{type:String,required:!0},text:{type:String,required:!0},to:{type:[String,Object],required:!0},ariaLabel:{type:String,required:!0}}},b=(a("394b"),a("6b0d")),f=a.n(b);const h=f()(p,[["render",u],["__scopeId","data-v-061e8400"]]);t["a"]=h},"676d":function(e,t,a){"use strict";a("42de")},"68bd":function(e,t,a){},"68ca":function(e,t,a){e.exports=a.p+"img/icon-figma.1275ebb0.svg"},"6f71":function(e,t,a){e.exports=a.p+"img/alexander.78d9c1c8.png"},"6f90":function(e,t,a){"use strict";var o=a("7a23");const s=["href","target"];function i(e,t,a,i,r,n){return Object(o["v"])(),Object(o["f"])("a",{class:"button",href:a.link,target:a.targetBlank?"_blank":"_self"},[Object(o["g"])("span",null,Object(o["H"])(a.text),1)],8,s)}var r={props:{link:{type:String,required:!0},text:{type:String,required:!0},targetBlank:{type:Boolean,default:!1}}},n=(a("635a"),a("6b0d")),c=a.n(n);const l=c()(r,[["render",i],["__scopeId","data-v-6c312ce5"]]);t["a"]=l},"701a":function(e,t,a){},"72a2":function(e,t,a){"use strict";a("701a")},"751f":function(e,t,a){},"76a6":function(e,t,a){"use strict";a("84db")},"787c":function(e,t,a){},"7b0d":function(e,t,a){},"7b29":function(e,t,a){"use strict";a("9564")},"7c7e":function(e,t,a){"use strict";a("ad49")},"7d02":function(e,t,a){"use strict";a("c648")},"80ad":function(e,t,a){},"80bb":function(e,t,a){},"84db":function(e,t,a){},"87dc":function(e,t,a){},"8c16":function(e,t,a){e.exports=a.p+"img/howit-third.a46cf0f3.png"},"8e57":function(e,t,a){"use strict";a.r(t);var o=a("7a23"),s=a("05b1"),i=a.n(s),r=a("d9a1"),n=a.n(r),c=a("8c16"),l=a.n(c),d=a("999c"),u=a.n(d);const p={class:"how-it-works padding"},b=Object(o["h"])('<div class="container" data-v-c48fee3e><div class="how-it-works__content" data-v-c48fee3e><h2 class="how-it-works__title" data-v-c48fee3e> How it works? </h2><p class="how-it-works__subtitle" data-v-c48fee3e> Extract a color palette from any website in seconds — and unless you share it, everything is done locally, safe and secure. </p><div class="section-block" data-v-c48fee3e><ul class="cards" data-v-c48fee3e><li class="card" data-v-c48fee3e><h3 class="card-title" data-v-c48fee3e> Install the extension </h3><div class="card-image" data-v-c48fee3e><img src="'+i.a+'" alt="install-exstension" data-v-c48fee3e></div></li><li class="card" data-v-c48fee3e><h3 class="card-title" data-v-c48fee3e>Click the icon in a browser</h3><div class="card-image" data-v-c48fee3e><img src="'+n.a+'" alt="click-exstension" data-v-c48fee3e></div></li><li class="card" data-v-c48fee3e><h3 class="card-title" data-v-c48fee3e>Generate your first palette</h3><div class="card-image" data-v-c48fee3e><img src="'+l.a+'" alt="generate-palette" data-v-c48fee3e></div></li><li class="card" data-v-c48fee3e><h3 class="card-title" data-v-c48fee3e>See all your palettes in history</h3><div class="card-image" data-v-c48fee3e><img src="'+u.a+'" alt="all-palettes" data-v-c48fee3e></div></li></ul></div></div></div>',1),f=[b];function h(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("section",p,f)}var g={},m=(a("50dc"),a("6b0d")),v=a.n(m);const y=v()(g,[["render",h],["__scopeId","data-v-c48fee3e"]]);t["default"]=y},"8ec7":function(e,t,a){},"8f68":function(e,t,a){var o={"./BlogPosts":"4b99","./BlogPosts.vue":"4b99","./Cards":"b2be","./Cards.vue":"b2be","./FigmaPlugin":"c762","./FigmaPlugin.vue":"c762","./Footer":"2564","./Footer.vue":"2564","./Header":"edba","./Header.vue":"edba","./HowItWorks":"8e57","./HowItWorks.vue":"8e57","./Main":"2b8b","./Main.vue":"2b8b","./MarketingShell":"ee86","./MarketingShell.vue":"ee86","./Overview":"5999","./Overview.vue":"5999","./Pricing":"16cf","./Pricing.vue":"16cf","./ProductHunt":"a43e","./ProductHunt.vue":"a43e","./SeoOverview":"94f1","./SeoOverview.vue":"94f1","./Testimonials":"cfbd","./Testimonials.vue":"cfbd"};function s(e){var t=i(e);return a(t)}function i(e){if(!a.o(o,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return o[e]}s.keys=function(){return Object.keys(o)},s.resolve=i,e.exports=s,s.id="8f68"},"8f74":function(e,t,a){},"94f1":function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s=e=>(Object(o["y"])("data-v-51be1042"),e=e(),Object(o["w"])(),e),i={class:"seo-overview"},r={class:"wrapper"},n=s(()=>Object(o["g"])("h2",{class:"seo-overview__heading"}," Frequently asked questions ",-1)),c=s(()=>Object(o["g"])("p",{class:"seo-overview__intro"}," Site Palette is a website color palette extractor that lets you extract a color palette from any website. Open a page, hit Create palette in the extension, and get the colors from the website as an accurate color scheme with hex codes in seconds. ",-1)),l={class:"seo-overview__faq"},d=["aria-expanded","onClick"],u={class:"faq-card__q-text"},p=s(()=>Object(o["g"])("span",{class:"faq-card__icon","aria-hidden":"true"},[Object(o["g"])("span",{class:"faq-card__bar"}),Object(o["g"])("span",{class:"faq-card__bar faq-card__bar--v"})],-1)),b={class:"faq-card__a-wrap"},f={class:"faq-card__a-inner"},h={class:"faq-card__a"};function g(e,t,a,s,g,m){return Object(o["v"])(),Object(o["f"])("section",i,[Object(o["g"])("div",r,[n,c,Object(o["g"])("ul",l,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(g.items,(e,t)=>(Object(o["v"])(),Object(o["f"])("li",{key:t,class:Object(o["q"])(["faq-card",{"faq-card--open":g.openIndex===t}])},[Object(o["g"])("button",{class:"faq-card__q","aria-expanded":g.openIndex===t?"true":"false",onClick:e=>m.toggle(t)}

1,[Object(o["g"])("h3",u,Object(o["H"])(e.q),1),p],8,d),Object(o["g"])("div",b,[Object(o["g"])("div",f,[Object(o["g"])("p",h,Object(o["H"])(e.a),1)])])],2))),128))])])])}var m={data(){return{openIndex:0,items:[{q:"How do I extract a color palette from a website?",a:"Install the Site Palette extension for Chrome, Firefox, or Safari, open any website, and hit Create palette in the extension. It instantly generates a color palette with hex codes from the page."},{q:"How do I get colors from a website?",a:"Site Palette reads the page and pulls out every colour it uses, so you can get the color palette from a website without inspecting the CSS. You get the dominant colours, a full color scheme, and the hex codes for each one."},{q:"Is Site Palette free?",a:"Site Palette comes with a free 24-hour trial. After that, you can keep unlimited access with a subscription from $2.50/mo (billed annually) or a one-time lifetime purchase for $99."},{q:"Can I download the extracted color scheme?",a:"Yes. Every color palette can be shared via a permalink or downloaded as SVG, Sketch, and Adobe Swatch files, so you can drop it straight into your design workflow."}]}},methods:{toggle(e){this.openIndex=this.openIndex===e?null:e}},mounted(){const e={"@context":"https://schema.org","@type":"FAQPage",mainEntity:this.items.map(e=>({"@type":"Question",name:e.q,acceptedAnswer:{"@type":"Answer",text:e.a}}))},t=document.createElement("script");t.type="application/ld+json",t.id="faq-jsonld",t.textContent=JSON.stringify(e),document.head.appendChild(t)},unmounted(){const e=document.getElementById("faq-jsonld");e&&e.remove()}},v=(a("7c7e"),a("6b0d")),y=a.n(v);const j=y()(m,[["render",g],["__scopeId","data-v-51be1042"]]);t["default"]=j},"955f":function(e,t,a){"use strict";a("a904")},9564:function(e,t,a){},9883:function(e,t,a){"use strict";a("14d9");var o=a("7a23");const s=e=>(Object(o["y"])("data-v-49515cee"),e=e(),Object(o["w"])(),e),i={class:"landing-page"},r=s(()=>Object(o["g"])("section",{class:"hunt"},null,-1)),n=s(()=>Object(o["g"])("footer",{class:"footer"},null,-1));function c(e,t,a,s,c,l){const d=Object(o["D"])("Header"),u=Object(o["D"])("Main"),p=Object(o["D"])("HowItWorks"),b=Object(o["D"])("FigmaPlugin"),f=Object(o["D"])("Overview"),h=Object(o["D"])("Pricing"),g=Object(o["D"])("Testimonials"),m=Object(o["D"])("BlogPosts"),v=Object(o["D"])("SeoOverview"),y=Object(o["D"])("ProductHunt"),j=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",i,[Object(o["j"])(d),Object(o["j"])(u),Object(o["j"])(p),Object(o["j"])(b),Object(o["j"])(f),Object(o["j"])(h),Object(o["j"])(g),Object(o["j"])(m),Object(o["j"])(v),Object(o["j"])(y),Object(o["j"])(j),r,n])}var l=a("edba"),d=a("2b8b"),u=a("8e57"),p=a("c762"),b=a("5999"),f=a("16cf"),h=a("cfbd"),g=a("4b99"),m=a("a43e"),v=a("94f1"),y=a("2564"),j={components:{Header:l["default"],Main:d["default"],HowItWorks:u["default"],FigmaPlugin:p["default"],Overview:b["default"],Pricing:f["default"],Testimonials:h["default"],BlogPosts:g["default"],ProductHunt:m["default"],SeoOverview:v["default"],Footer:y["default"]}},O=(a("1ea2"),a("6b0d")),_=a.n(O);const w=_()(j,[["render",c],["__scopeId","data-v-49515cee"]]);var k=w,x=a("ff8e"),S=a.n(x);const P=e=>(Object(o["y"])("data-v-20096d99"),e=e(),Object(o["w"])(),e),C={key:0,class:"signin"},D={key:1,class:"signin"},T={class:"header padding"},A={class:"container"},I={class:"header__content"},q=P(()=>Object(o["g"])("img",{src:S.a},null,-1)),M=P(()=>Object(o["g"])("nav",{class:"header__navigation"},null,-1)),E={class:"sign-in"},L={class:"sign-in__content"},B=P(()=>Object(o["g"])("h2",null,"Sign in",-1)),U=P(()=>Object(o["g"])("fieldset",{class:"form__field"},[Object(o["g"])("p",{class:"form__text"},[Object(o["i"])(" Type your email to login/register"),Object(o["g"])("br"),Object(o["i"])("and get a magic code. ")])],-1)),F={class:"form__field"},H={id:"email-error",class:"email-error"},W={key:0},N={class:"form__field form__fild-action"},R=["disabled"],G={class:"form__subtitle"},$={class:"footer padding"},z={class:"container"},Y={class:"footer__content"},K=P(()=>Object(o["g"])("div",{class:"footer__request"},[Object(o["g"])("a",{class:"footer__link-request",href:"mailto:[email protected]?Subject=PRO"},"✍🏻  Request a feature")],-1)),Q=P(()=>Object(o["g"])("div",{class:"footer__madeby"},[Object(o["i"])(" Made by "),Object(o["g"])("a",{class:"footer__link",href:"https://karmabot.chat/",target:"_blank"},"Karma"),Object(o["i"])(" team with ❤️ ")],-1)),V={class:"footer__terms"};function Z(e,t,a,s,i,r){const n=Object(o["D"])("Loader"),c=Object(o["D"])("router-link"),l=Object(o["D"])("Backgroun

1d");return Object(o["v"])(),Object(o["f"])(o["a"],null,[e.$store.getters.checkingLoginML?(Object(o["v"])(),Object(o["f"])("main",C,[Object(o["j"])(n)])):(Object(o["v"])(),Object(o["f"])("main",D,[Object(o["g"])("header",T,[Object(o["g"])("div",A,[Object(o["g"])("div",I,[Object(o["j"])(c,{to:"/",class:"header__logo"},{default:Object(o["M"])(()=>[q]),_:1}),M])])]),Object(o["g"])("section",E,[Object(o["g"])("div",L,[B,Object(o["g"])("form",{onSubmit:t[2]||(t[2]=Object(o["O"])((...e)=>r.login&&r.login(...e),["prevent"])),class:"form"},[U,Object(o["g"])("fieldset",F,[Object(o["N"])(Object(o["g"])("input",{"onUpdate:modelValue":t[0]||(t[0]=e=>i.email=e),type:"email",onBlur:t[1]||(t[1]=e=>i.isEmailTouched=!0),class:Object(o["q"])(["form__input",{error:r.isEmailError}]),name:"email",placeholder:"Email",required:"true","aria-required":"true"},null,34),[[o["J"],i.email]]),Object(o["g"])("label",H,[r.isEmailError?(Object(o["v"])(),Object(o["f"])("p",W,"Wrong e-mail address")):Object(o["e"])("",!0)])]),Object(o["g"])("fieldset",N,[Object(o["g"])("button",{type:"submit",disabled:!r.isEmailValid||i.isMLPending,class:Object(o["q"])(["btn btn--primary",{"button--loading":i.isMLPending}])},[Object(o["g"])("span",{class:Object(o["q"])(["btn__text",{btn__text_hide:i.isMLPending}])},"Proceed",2)],10,R)]),Object(o["g"])("p",G,[Object(o["i"])("By proceeding you signify you’ve read and agreed to our "),Object(o["j"])(c,{to:"/tos",class:"form__subtitle_tos"},{default:Object(o["M"])(()=>[Object(o["i"])("Terms of service")]),_:1})])],32)])]),Object(o["g"])("footer",$,[Object(o["g"])("div",z,[Object(o["g"])("div",Y,[K,Q,Object(o["g"])("div",V,[Object(o["j"])(c,{to:"/privacy",class:"footer__link"},{default:Object(o["M"])(()=>[Object(o["i"])("Privacy policy")]),_:1}),Object(o["j"])(c,{to:"/tos",class:"footer__link"},{default:Object(o["M"])(()=>[Object(o["i"])("Terms of service")]),_:1})])])])])])),Object(o["j"])(l)],64)}const J={class:"background-wrapper"};function X(e,t,a,s,i,r){const n=Object(o["D"])("kinesis-element"),c=Object(o["D"])("kinesis-container");return Object(o["v"])(),Object(o["f"])("div",J,[Object(o["j"])(c,{class:"background"},{default:Object(o["M"])(()=>[Object(o["j"])(n,{class:"confetti-2",type:"translate",strength:100}),Object(o["j"])(n,{class:"confetti",type:"translate",strength:50}),Object(o["j"])(n,{class:"confetti-3",type:"translate",strength:20})]),_:1})])}var ee=a("94b3"),te={components:{KinesisContainer:ee["a"],KinesisElement:ee["b"]}};a("df37");const ae=_()(te,[["render",X],["__scopeId","data-v-f26d1c80"]]);var oe=ae;const se={class:"loader"};function ie(e,t){return Object(o["v"])(),Object(o["f"])("div",se)}a("4c0e");const re={},ne=_()(re,[["render",ie],["__scopeId","data-v-69ba571e"]]);var ce=ne,le=a("4360");const de=/.+@.+\..+/i;var ue={components:{Background:oe,Loader:ce},data(){return{email:null,isEmailTouched:!1,isMLPending:!1}},methods:{login(){this.isMLPending=!0,le["a"].dispatch("login",{email:this.email})}},computed:{isEmailValid(){return de.test(this.email)},isEmailError(){return!this.isEmailValid&&this.isEmailTouched}},setup(){},beforeRouteEnter(e,t,a){le["a"].dispatch("checkLoginML"),a()}};a("76a6");const pe=_()(ue,[["render",Z],["__scopeId","data-v-20096d99"]]);var be=pe,fe=a("05b1"),he=a.n(fe),ge=a("d9a1"),me=a.n(ge),ve=a("8c16"),ye=a.n(ve),je=a("999c"),Oe=a.n(je);const _e=e=>(Object(o["y"])("data-v-42062f39"),e=e(),Object(o["w"])(),e),we={class:"welcome"},ke={class:"header padding"},xe={class:"container"},Se={class:"header__content"},Pe=_e(()=>Object(o["g"])("img",{src:S.a},null,-1)),Ce={class:"header__navigation"},De={class:"how-it-works padding"},Te={class:"container"},Ae={class:"how-it-works__content"},Ie={class:"how-it-works__title"},qe={class:"how-it-works__subtitle"},Me={class:"card"},Ee={class:"card-title"},Le=_e(()=>Object(o["g"])("div",{class:"card-image"},[Object(o["g"])("img",{src:he.a,alt:"install-exstension"})],-1)),Be={class:"card"},Ue={class:"card-title"},Fe=_e(()=>Object(o["g"])("div",{class:"card-image"},[Object(o["g"])("img",{src:me.a,alt:"click-exstension"})],-1)),He={class:"card"},We={class:"card-title"},Ne=_e(()=>Object(o["g"])("div",{class:"card-image"},[Object(o["g"])("img",{src:ye.a,alt:"generate-palette"})],-1)),Re={class:"card"},Ge={class:"card-title"},$e=_e(()=>Object(o["g"])("div",{class:"card-image"},[Object(o["g"])("img",{src:Oe.a,alt:"all-palettes"})],-1)),ze={class:"how-it-works__disclamen"},Ye={class:"how-it-works__link-ext"},Ke=["href"],Qe={class:"how-it-works__link-ext how-it-works__link-ext_ff"},Ve={class:"footer padding"},Ze={class:"container"}

1,Je={class:"footer__content"},Xe=_e(()=>Object(o["g"])("div",{class:"footer__request"},[Object(o["g"])("a",{class:"footer__link-request",href:"mailto:[email protected]?Subject=PRO"},"✍🏻  Request a feature")],-1)),et=_e(()=>Object(o["g"])("div",{class:"footer__madeby"},[Object(o["i"])(" Made by "),Object(o["g"])("a",{class:"footer__link",href:"https://karmabot.chat/",target:"_blank"},"Karma"),Object(o["i"])(" team with ❤️ ")],-1)),tt={class:"footer__terms"};function at(e,t,a,s,i,r){const n=Object(o["D"])("router-link"),c=Object(o["D"])("Background");return Object(o["v"])(),Object(o["f"])(o["a"],null,[Object(o["g"])("section",we,[Object(o["g"])("header",ke,[Object(o["g"])("div",xe,[Object(o["g"])("div",Se,[Object(o["j"])(n,{to:"/",class:"header__logo"},{default:Object(o["M"])(()=>[Pe]),_:1}),Object(o["g"])("nav",Ce,[Object(o["N"])(Object(o["j"])(n,{to:s.myPalettePath,class:"header__link"},{default:Object(o["M"])(()=>[Object(o["i"])("My palettes")]),_:1},8,["to"]),[[o["K"],!s.user.expired]]),Object(o["j"])(n,{to:"/profile",class:"header__link"},{default:Object(o["M"])(()=>[Object(o["i"])("My profile")]),_:1})])])])]),Object(o["g"])("section",De,[Object(o["g"])("div",Te,[Object(o["g"])("div",Ae,[Object(o["g"])("h2",Ie,Object(o["H"])(i.welcomeTitle),1),Object(o["N"])(Object(o["g"])("p",qe," You successfully upgraded your plan ",512),[[o["K"],s.isPlanUpgraded]]),Object(o["g"])("div",{class:Object(o["q"])(["section-block",{"section-block_upgrated":s.isPlanUpgraded}])},[Object(o["g"])("ul",{class:Object(o["q"])(["cards",{cards_upgrated:s.isPlanUpgraded}])},[Object(o["N"])(Object(o["g"])("li",Me,[Object(o["g"])("h3",Ee,Object(o["H"])(1-Number(s.isPlanUpgraded)+". Install the extension for your browser"),1),Le],512),[[o["K"],!s.isPlanUpgraded]]),Object(o["g"])("li",Be,[Object(o["g"])("h3",Ue,Object(o["H"])(2-Number(s.isPlanUpgraded)+". Click the extension in your browser"),1),Fe]),Object(o["g"])("li",He,[Object(o["g"])("h3",We,Object(o["H"])(3-Number(s.isPlanUpgraded)+". Generate your first palette"),1),Ne]),Object(o["g"])("li",Re,[Object(o["g"])("h3",Ge,Object(o["H"])(4-Number(s.isPlanUpgraded)+". See all your palettes in History"),1),$e])],2)],2),Object(o["N"])(Object(o["g"])("p",ze," Free trial is available for 24 hours. ",512),[[o["K"],!s.isPlanUpgraded]]),Object(o["N"])(Object(o["g"])("p",Ye,[Object(o["i"])(" Still no Site Palette? "),Object(o["g"])("a",{class:"how-it-works__link-url",href:i.btnExtRef,target:"_blank"},"Install",8,Ke),Object(o["i"])(" the extension for your browser ")],512),[[o["K"],!s.isPlanUpgraded]]),Object(o["N"])(Object(o["g"])("p",Qe,[Object(o["i"])(" For your convenience, follow our quick "),Object(o["j"])(n,{to:"/install-ff",class:"how-it-works__link-url"},{default:Object(o["M"])(()=>[Object(o["i"])("guide")]),_:1})],512),[[o["K"],!s.isPlanUpgraded&&i.isFirefox]])])])]),Object(o["g"])("footer",Ve,[Object(o["g"])("div",Ze,[Object(o["g"])("div",Je,[Xe,et,Object(o["g"])("div",tt,[Object(o["j"])(n,{to:"/privacy",class:"footer__link"},{default:Object(o["M"])(()=>[Object(o["i"])("Privacy policy")]),_:1}),Object(o["j"])(n,{to:"/tos",class:"footer__link"},{default:Object(o["M"])(()=>[Object(o["i"])("Terms of service")]),_:1})])])])])]),Object(o["j"])(c)],64)}var ot=a("5502"),st=a("f04a");function it(e){const t=e.plan.toLowerCase();let a="";switch(t){case"trial":a="Trial / 24 hours";break;case"month":a="Monthly";break;case"year":a="Annual";break;case"lifetime":a="Lifetime";break;default:break}return""+a}function rt(e,t){let a=e/36e5,o=60*(a-Math.floor(a)),s=e/864e5;return Math.floor(s)>0?Math.round(s)+" days left":"short"===t?`${Math.floor(a)} h ${Math.round(o)} m left`:`${Math.floor(a)} hours ${Math.round(o)} minutes left`}function nt(e,t="long"){if("lifetime"===e.plan.toLowerCase())return"∞ days left";{const a=new Date(e.plan_end),o=new Date;return rt(a-o,t)}}function ct(e){return"Next payment: "+new Date(e.plan_end).toLocaleDateString("en-GB")}var lt=a("72bf"),dt=a.n(lt),ut=a("a584"),pt={components:{Background:oe},data(){let e="https://chrome.google.com/webstore/detail/site-palette/pekhihjiehdafocefoimckjpbkegknoh",t=!1;switch(le["a"].state.browser){case"safari":e="https://apps.apple.com/us/app/site-palette/id6451384418?mt=12";break;case"firefox":e="https://addons.mozilla.org/addon/site-palette",t

1=!0;break;default:break}return{welcomeTitle:"",btnExtRef:e,isFirefox:t}},setup(){const e=Object(ot["b"])();let t=e.getters.user,a="";a=t.expired?"/expired":"/palettes";let o=Boolean(dt.a.parse(location.search).upgraded);return o&&("Monthly"==t.planInfo?Object(ut["b"])("purchase_subscription",{event_category:"purchase",event_label:"Purchase Subscription"}):"Annual"==t.planInfo?Object(ut["b"])("purchase_annual",{event_category:"purchase",event_label:"Purchase Annual"}):"Lifetime"==t.planInfo&&Object(ut["b"])("purchase_lifetime",{event_category:"purchase",event_label:"Purchase Lifetime"})),{myPalettePath:a,isPlanUpgraded:o,user:t}},methods:{},beforeRouteEnter(e,t,a){st["a"].getUser(le["a"].getters.userToken).then(e=>{e.user.planInfo=it(e.user),e.user.planTimeLeft=nt(e.user),le["a"].dispatch("setUser",e.user),a()})},beforeMount(){this.isPlanUpgraded?this.welcomeTitle="Thank you! What is next?":this.welcomeTitle="You’ve just signed in"}};a("f706");const bt=_()(pt,[["render",at],["__scopeId","data-v-42062f39"]]);var ft=bt,ht=a("d709"),gt=a.n(ht),mt=a("06f5"),vt=a.n(mt);const yt=e=>(Object(o["y"])("data-v-7c725e78"),e=e(),Object(o["w"])(),e),jt={class:"palettes-page"},Ot={class:"header"},_t={class:"container"},wt=yt(()=>Object(o["g"])("img",{src:gt.a},null,-1)),kt={class:"header__navigation"},xt={class:"palettes"},St=yt(()=>Object(o["g"])("h1",{class:"palettes__title"},"My palettes",-1)),Pt={class:"palettes__content"},Ct=yt(()=>Object(o["g"])("h2",{class:"container-empty__title"},"Still no palette",-1)),Dt=yt(()=>Object(o["g"])("p",{class:"container-empty__subtitle"},"Click the extension in your browser",-1)),Tt=yt(()=>Object(o["g"])("img",{class:"container-empty__img",src:vt.a},null,-1)),At=[Ct,Dt,Tt],It=Object(o["h"])('<footer class="footer" data-v-7c725e78><div class="container" data-v-7c725e78><div class="footer__content" data-v-7c725e78><span class="footer__text" data-v-7c725e78>Made by <a class="footer__link" href="https://karmabot.chat/" target="_blank" data-v-7c725e78>Karma</a> team with ❤️</span></div></div></footer>',1);function qt(e,t,a,s,i,r){const n=Object(o["D"])("router-link"),c=Object(o["D"])("Palette");return Object(o["v"])(),Object(o["f"])("section",jt,[Object(o["g"])("header",Ot,[Object(o["g"])("div",_t,[Object(o["g"])("div",{class:Object(o["q"])(["header__content",{"header__content-without-banner":!e.$store.state.isBannerShow}])},[Object(o["j"])(n,{to:"/",class:"header__logo"},{default:Object(o["M"])(()=>[wt]),_:1}),Object(o["g"])("nav",kt,[Object(o["j"])(n,{to:"/profile",class:"header__link"},{default:Object(o["M"])(()=>[Object(o["i"])("My profile")]),_:1})])],2)])]),Object(o["g"])("main",xt,[St,Object(o["g"])("div",{class:Object(o["q"])(["container",{container_hide:e.$store.state.palettes.length<1}])},[Object(o["g"])("div",Pt,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(e.$store.state.palettes,e=>(Object(o["v"])(),Object(o["d"])(c,{palette:e,key:e._id,onClick:t=>r.openOnePalette(e._id)},null,8,["palette","onClick"]))),128))])],2),Object(o["g"])("div",{class:Object(o["q"])(["container-empty",{"container-empty_show":e.$store.state.palettes.length<1}])},At,2)]),It])}const Mt={class:"palettes__card"},Et={class:"card__header"},Lt={class:"card__name"},Bt={class:"card__date"},Ut={class:"cadr__palettes"},Ft={class:"palette cube"},Ht={class:"palette median"},Wt={class:"palette material"},Nt={key:0,class:"palette css"};function Rt(e,t,a,s,i,r){const n=Object(o["D"])("DeletePalette");return Object(o["v"])(),Object(o["f"])("div",Mt,[Object(o["g"])("div",Et,[Object(o["g"])("h2",Lt,Object(o["H"])(a.palette.title),1),Object(o["g"])("p",Bt,"Created "+Object(o["H"])(a.palette.createdDate),1),Object(o["g"])("button",{class:"card__button-delete",onClick:t[0]||(t[0]=Object(o["O"])((...e)=>r.openDeletePalette&&r.openDeletePalette(...e),["stop"]))})]),Object(o["g"])("div",Ut,[Object(o["g"])("div",Ft,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(a.palette.colors.cube,e=>(Object(o["v"])(),Object(o["f"])("div",{class:"color",style:Object(o["r"])({"background-color":e.hex})},null,4))),256))]),Object(o["g"])("div",Ht,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(a.palette.colors.thief,e=>(Object(o["v"])(),Object(o["f"])("div",{class:"color",style:Object(o["r"])({"background-color":e.hex})},null,4))),256))]),Object(o["g"])("div",Wt,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(a.palette.colors.vibrant,e=>(Object(o["v"])(),Object(o["f"])("div",{class:"color",style:Object(o["r"])({"background-color":e.hex})},null,4))),256))]),a.palette.colors.css.length>0?(Object(o["v"])(),Object(o["f"])("div",Nt,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(a.palette.colors.css,e=>(Object(o["v"])(),Object(o["f"])("div",{class:"color",style:Object(o["r"])({"background-color":e.hex})},null,4))),256))])):Object(o["e"])("",!0)]),Object(o["j"])(n,{onClose:r.closeDeletePalette,onConfirmDelete:t[1]||(t[1]=e=>

1r.confirmDeletePalette(a.palette._id)),isDeletePaletteOpen:i.isDeletePaletteOpen},null,8,["onClose","isDeletePaletteOpen"])])}const Gt=e=>(Object(o["y"])("data-v-1fa57b22"),e=e(),Object(o["w"])(),e),$t=Gt(()=>Object(o["g"])("p",{class:"alert__text"},"Delete this palette?",-1)),zt={class:"form__btns"},Yt={class:"form__loader"};function Kt(e,t,a,s,i,r){return Object(o["N"])((Object(o["v"])(),Object(o["f"])("div",{onClick:t[2]||(t[2]=Object(o["O"])(()=>{},["stop"])),class:"form__alert"},[$t,Object(o["N"])(Object(o["g"])("div",zt,[Object(o["g"])("button",{class:"alert__text alert__text_btn",onClick:t[0]||(t[0]=Object(o["O"])((...e)=>r.confirmDeletePalette&&r.confirmDeletePalette(...e),["stop"]))},"Yes"),Object(o["g"])("button",{class:"alert__text alert__text_btn",onClick:t[1]||(t[1]=Object(o["O"])((...e)=>r.closeDeletePalette&&r.closeDeletePalette(...e),["stop"]))},"No")],512),[[o["K"],!i.isDeleting]]),Object(o["N"])(Object(o["g"])("div",Yt,null,512),[[o["K"],i.isDeleting]])],512)),[[o["K"],a.isDeletePaletteOpen]])}var Qt={props:{isDeletePaletteOpen:{type:Boolean,required:!0}},data(){return{isDeleting:!1}},methods:{confirmDeletePalette:function(){this.$emit("confirmDelete"),this.isDeleting=!0},closeDeletePalette:function(){this.status=!1,this.$emit("close",this.status)}}};a("4991");const Vt=_()(Qt,[["render",Kt],["__scopeId","data-v-1fa57b22"]]);var Zt=Vt,Jt={props:{palette:{type:Object,default:()=>({})}},components:{DeletePalette:Zt},data(){return{isDeletePaletteOpen:!1}},methods:{openDeletePalette:function(e){this.isDeletePaletteOpen=!0},closeDeletePalette:function(e){this.isDeletePaletteOpen=e},confirmDeletePalette:function(e){this.$store.dispatch("deletePalette",e)}}};a("2eab");const Xt=_()(Jt,[["render",Rt],["__scopeId","data-v-2988dfb2"]]);var ea=Xt;const ta=e=>(Object(o["y"])("data-v-e628da22"),e=e(),Object(o["w"])(),e),aa=ta(()=>Object(o["g"])("span",{class:"footer__pro_bold"},"Karma bot",-1));function oa(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("a",{class:Object(o["q"])(["footer__pro",{footer__pro_hide:!e.$store.state.isBannerShow}]),target:"_blank",href:"https://karmabot.chat/"},[Object(o["i"])(" 🔥 Using chats at work? Try "),aa,Object(o["g"])("button",{class:"footer__pro-close",onClick:t[0]||(t[0]=(...e)=>r.closeBanner&&r.closeBanner(...e))})],2)}var sa={data(){return{}},methods:{closeBanner:function(e){e.preventDefault(),le["a"].dispatch("setBannerHide",!0)}}};a("ae48");const ia=_()(sa,[["render",oa],["__scopeId","data-v-e628da22"]]);var ra=ia,na={components:{Palette:ea,KarmaBot:ra},data(){return{}},computed:{},methods:{openOnePalette:function(e){this.$store.dispatch("openPalette",e)}},beforeRouteEnter(e,t,a){st["a"].getPalettes(le["a"].getters.userToken).then(e=>{le["a"].dispatch("setPalettes",e),a()})}};a("c406");const ca=_()(na,[["render",qt],["__scopeId","data-v-7c725e78"]]);var la=ca,da=a("2a14"),ua=a.n(da),pa=a("30de"),ba=a.n(pa);const fa=e=>(Object(o["y"])("data-v-8251c5fc"),e=e(),Object(o["w"])(),e),ha={class:"profile"},ga={class:"header padding"},ma={class:"container"},va={class:"header__content"},ya=fa(()=>Object(o["g"])("img",{src:gt.a},null,-1)),ja={class:"header__navigation"},Oa={class:"form padding"},_a=fa(()=>Object(o["g"])("h1",{class:"profile__title"},"My profile",-1)),wa={class:"container"},ka={class:"form__content"},xa={class:"form__alert"},Sa=fa(()=>Object(o["g"])("img",{class:"alert__icon",src:ua.a},null,-1)),Pa=fa(()=>Object(o["g"])("p",{class:"alert__text"},"You successfully upgraded your plan",-1)),Ca=[Sa,Pa],Da={class:"form__alert form__alert_exp"},Ta=fa(()=>Object(o["g"])("img",{class:"alert__icon",src:ba.a},null,-1)),Aa=fa(()=>Object(o["g"])("p",{class:"alert__text"},"Payment failed! Try again.",-1)),Ia=[Ta,Aa],qa={class:"form__plan-info"},Ma=fa(()=>Object(o["g"])("p",{class:"current-plan__title"},"My current plan",-1)),Ea={class:"form__plan__col"},La={class:"time-left"},Ba={class:"form__plan-price-cards"},Ua={class:"form__email"},Fa={class:"email-form",action:""},Ha=fa(()=>Object(o["g"])("label",{class:"email__label",for:"mail"},"Email",-1)),Wa=["value"],Na={class:"footer padding"},Ra={class:"container"}

1,Ga={class:"footer__content"};function $a(e,t,a,s,i,r){const n=Object(o["D"])("router-link"),c=Object(o["D"])("PriceCard");return Object(o["v"])(),Object(o["f"])("section",ha,[Object(o["g"])("header",ga,[Object(o["g"])("div",ma,[Object(o["g"])("div",va,[Object(o["j"])(n,{to:"/",class:"header__logo"},{default:Object(o["M"])(()=>[ya]),_:1}),Object(o["g"])("nav",ja,[Object(o["N"])(Object(o["j"])(n,{to:"/palettes",class:"header__link"},{default:Object(o["M"])(()=>[Object(o["i"])("My palettes")]),_:1},512),[[o["K"],!s.user.expired]])])])])]),Object(o["g"])("main",Oa,[_a,Object(o["g"])("div",wa,[Object(o["g"])("div",ka,[Object(o["N"])(Object(o["g"])("div",xa,Ca,512),[[o["K"],s.isPlanUpgraded]]),Object(o["N"])(Object(o["g"])("div",Da,Ia,512),[[o["K"],s.isUpgradeCanceled]]),Object(o["g"])("div",{class:Object(o["q"])(["form__plan",{form__plan_exp:s.user.expired}])},[Object(o["g"])("div",qa,[Ma,Object(o["g"])("div",Ea,[Object(o["g"])("p",{class:Object(o["q"])(["current-plan__name",{"current-plan__name_exp":s.user.expired}])},Object(o["H"])(s.currentPlanName),3),Object(o["g"])("p",La,Object(o["H"])(s.user.planTimeLeft),1),Object(o["N"])(Object(o["g"])("p",{class:"time-left"},Object(o["H"])(s.user.nextPay),513),[[o["K"],!s.user.expired&&!i.isUserPlanLifetime&&!i.isUserPlanTrial]])])]),Object(o["N"])(Object(o["g"])("div",Ba,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(i.priceInfo,e=>(Object(o["v"])(),Object(o["d"])(c,{priceInfo:e,selectedSubs:i.selectedSubs,onSetSelectedSub:r.setSelectedSub,key:e.type},null,8,["priceInfo","selectedSubs","onSetSelectedSub"]))),128))],512),[[o["K"],!i.isUserPlanLifetime]])],2),Object(o["g"])("div",Ua,[Object(o["g"])("form",Fa,[Ha,Object(o["g"])("input",{class:Object(o["q"])(["email__input",{email__input_exp:s.user.expired}]),type:"email",placeholder:"[email protected]",id:"mail",name:"user_email",readonly:"",value:s.user.email},null,10,Wa)])])])])]),Object(o["g"])("footer",Na,[Object(o["g"])("div",Ra,[Object(o["g"])("div",Ga,[Object(o["g"])("a",{class:"btn",onClick:t[0]||(t[0]=(...e)=>s.logout&&s.logout(...e))},"Log out")])])])])}const za={class:"price-card__title"},Ya={class:"price-card__info"},Ka={class:"price-card__text"},Qa={class:"price-card__price"},Va={class:"price-card__text price-card__text_bill"};function Za(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("div",{class:Object(o["q"])(["price-card-section",{"price-card-section_active":this.isActive}])},[Object(o["g"])("h3",za,Object(o["H"])(a.priceInfo.title),1),Object(o["g"])("div",Ya,[Object(o["N"])(Object(o["g"])("p",Ka," from ",512),[[o["K"],"Subscription"===a.priceInfo.title]]),Object(o["g"])("p",Qa,Object(o["H"])(a.priceInfo.price),1),Object(o["g"])("p",Va,Object(o["H"])(a.priceInfo.bill),1),Object(o["g"])("button",{class:Object(o["q"])(["price-card__btn-buy",{"price-card__btn-buy_active":r.isBtnBuyActive,"btn-loading":i.isPaymentSending,"btn-loading_subs-active":i.isLoadingPurple}]),onClick:t[0]||(t[0]=(...e)=>r.sendPayment&&r.sendPayment(...e))},Object(o["H"])(i.btnBuyText),3)])],2)}var Ja={props:{priceInfo:{type:Object,default:()=>({})},selectedSubs:{type:String,default:""}},data(){const e=Object(ot["b"])(),t=e.getters.user,a=t&&["month","year"].includes(t.plan);let o=a&&"Manage"===this.priceInfo.btnText;return{isPaymentSending:!1,btnBuyText:this.priceInfo.btnText,user:t,isLoadingPurple:o}},methods:{sendPayment(e){this.$emit("set-selected-sub",this.priceInfo.type),this.isPaymentSending=!0,this.btnBuyText="","Manage"===this.priceInfo.btnText?this.$store.dispatch("changePlan"):this.$store.dispatch("sendPayment","Lifetime"===this.priceInfo.title)}},computed:{isActive(){return this.priceInfo.type===this.selectedSubs},isBtnBuyActive:function(){const e=!!this.user&&(["month","year"].includes(this.user.plan)?"Purchase"===this.priceInfo.btnText:this.isActive);return e}}};a("7d02");const Xa=_()(Ja,[["render",Za],["__scopeId","data-v-81df4d12"]]);var eo=Xa,to={components:{PriceCard:eo},data(){let e="trial"===le["a"].state.user.plan.toLowerCase(),t="lifetime"===le["a"].state.user.plan.toLowerCase(),a=le["a"].state.user.expired||e?"

1Subscribe":"Manage",o="safari"===le["a"].state.browser;return{isUserPlanTrial:e,isSafariAgent:o,isUserPlanLifetime:t,isPaymentSending:!1,btnUpgradeText:"Upgrade",priceInfo:[{title:"Subscription",price:"$2.50/mo",bill:"billed annually",btnText:a,type:"sub"},{title:"Lifetime",price:"$99",bill:"billed once",btnText:"Purchase",type:"life"}],selectedSubs:"sub",isSafariAgent:o}},setup(){const e=Object(ot["b"])(),t=()=>{e.dispatch("logout")};let a=e.getters.user;const o={Monthly:"1 month",Annual:"1 year"};let s=a.planInfo in o?`${a.planInfo} / ${o[a.planInfo]}`:a.planInfo,i=Boolean(dt.a.parse(location.search).upgraded),r=Boolean(dt.a.parse(location.search).canceled);return i&&("Monthly"==a.planInfo?Object(ut["b"])("purchase_subscription",{event_category:"purchase",event_label:"Purchase Subscription",value:3,currency:"USD"}):"Annual"==a.planInfo?Object(ut["b"])("purchase_annual",{event_category:"purchase",event_label:"Purchase Annual",value:2.5,currency:"USD"}):"Lifetime"==a.planInfo&&Object(ut["b"])("purchase_lifetime",{event_category:"purchase",event_label:"Purchase Lifetime",value:99,currency:"USD"})),{logout:t,isPlanUpgraded:i,isUpgradeCanceled:r,user:a,currentPlanName:s}},methods:{setSelectedSub(e){this.selectedSubs=e}},beforeRouteEnter(e,t,a){st["a"].getUser(le["a"].getters.userToken).then(e=>{e.user.planInfo=it(e.user,"long"),"lifetime"!==e.user.plan?(e.user.nextPay=ct(e.user),e.user.expired?e.user.planTimeLeft="trial"===e.user.plan.toLowerCase()?"Trial has expired":"Subscription has expired":e.user.planTimeLeft=nt(e.user)):(e.user.nextPay="",e.user.planTimeLeft=nt(e.user)),le["a"].dispatch("setUser",e.user),a()})}};a("b8d9");const ao=_()(to,[["render",$a],["__scopeId","data-v-8251c5fc"]]);var oo=ao,so=a("2f68"),io=a.n(so);const ro=e=>(Object(o["y"])("data-v-53bfcea9"),e=e(),Object(o["w"])(),e),no={class:"result"},co={class:"info__header"},lo={class:"info__header-data"},uo=ro(()=>Object(o["g"])("img",{class:"logo",src:io.a},null,-1)),po=ro(()=>Object(o["g"])("p",{class:"header__slash"},"/",-1)),bo={class:"header__url-domain"},fo=["href"],ho={class:"info__trial"},go={class:"info__trial-text"},mo={class:"info__header_unlogged"},vo=ro(()=>Object(o["g"])("img",{src:gt.a},null,-1)),yo={class:"info__header-get-ext"},jo={class:"image-box"},Oo={class:"browser__bar"},_o=ro(()=>Object(o["g"])("div",{class:"browser__dots"},null,-1)),wo={class:"browser__address"},ko=["href"],xo=["src"],So={class:"btn-share__txt"},Po=ro(()=>Object(o["g"])("div",{class:"share__url-box"},null,-1)),Co={class:"share-box__trial-info"},Do={class:"share-box__trial-left"},To=ro(()=>Object(o["g"])("p",{class:"share-box__trial-text"},"Upgrade for unlimited access",-1)),Ao={class:"share-box__trial-info"},Io={class:"share-box__trial-left"},qo=ro(()=>Object(o["g"])("p",{class:"share-box__trial-text"},"Upgrade your plan to continue",-1)),Mo={class:"form__plan-price-cards"},Eo=ro(()=>Object(o["g"])("div",{class:"madeby-box"},[Object(o["i"])(" Made by "),Object(o["g"])("a",{href:"https://karmabot.chat/",target:"_blank",class:"madeby__url"},"Karma"),Object(o["i"])(" team with ❤️ ")],-1)),Lo={class:"colors"},Bo=ro(()=>Object(o["g"])("section",{class:"madeby_mob"},[Object(o["i"])(" Made by "),Object(o["g"])("a",{href:"https://karmabot.chat/",target:"_blank",class:"madeby__url"},"Karma"),Object(o["i"])(" team with ❤️ ")],-1));function Uo(e,t,a,s,i,r){const n=Object(o["D"])("router-link"),c=Object(o["D"])("GetExtBtn"),l=Object(o["D"])("PriceCard"),d=Object(o["D"])("PaletteCard");return Object(o["v"])(),Object(o["f"])("div",no,[Object(o["g"])("section",{class:Object(o["q"])(["info",{"info-without-banner":!e.$store.state.isBannerShow}])},[Object(o["g"])("div",co,[Object(o["N"])(Object(o["g"])("div",lo,[uo,Object(o["j"])(n,{to:"/palettes",class:"header__link"},{default:Object(o["M"])(()=>[Object(o["i"])(" My palettes ")]),_:1}),po,Object(o["g"])("p",bo,Object(o["H"])(e.$store.state.onePalette.title),1),Object(o["g"])("a",{class:"header__url-link",target:"_blank",href:e.$store.state.onePalette.url},null,8,fo)],512),[[o["K"],e.$store.getters.userToken]]),Object(o["N"])(Object(o["g"])("div",ho,[Object(o["g"])("p",go,Object(o["H"])(i.planInfo),1),Object(o["N"])(Object(o["j"])(n,{to:"/profile",class:"info__trial-upgrade"},{default:Object(o["M"])(()=>[Object(o["i"])(Object(o["H"])(i.btnUpgradeText),1)]),_:1},512),[[o["K"],!i.isUserPlanLifetime]])],512),[[o["K"],!i.isUserPlanTrial&&e.$store.getters.userToken&&!i.isExpired]]),Object(o["N"])(Object(o["g"])("div",mo,[Object(o["j"])(n,{to:"/",class:"logo__unlogged"},{default:Object(o["M"])(()=>[vo]),_:1}),Object(o["g"])("div",yo,[Object(o["j"])(c)])],512),[[o["K"],!e.$store.getters.userToken]])]),Object(o["g"])("div",{class:Object(o["q"])(["share-box",{"share-box_with-price-card":i.isUserPlanTrial||i.isExpired}])},[Object(o["g"])("div",jo,[Object(o["g"])("div",Oo,[_o,Object(o["g"])("div",wo,[Object(o["g"])("a",{class:"browser__url",target:"_blank",id:"site-url",href:e.$store.state.onePalette.url},Object(o["H"])(e.$store.state.onePalette.url),9,ko)])]),Object(o["g"])("div",{class:Object(o["q"])(["browser__body",{"browser__body_with-price-cards":i.isUserPlanTrial||i.isExpired}])},[Object(o["g"])("img",{id:"target",class:"browser__image",src:e.$store.state.onePalette.image_url},null,8,xo)],2)]),Object(o["g"])("button",{class:Object(o["q"])(["btn-share js-share",{"btn-share_copied":i.isCopied}]),onClick:t[0]||(t[0]=(...e)=>r.share&&r.share(...e))},[Object(o["g"])("div",{class:Object(o["q"])(["btn-share__icon",{"btn-share__icon_copied":i.isCopied}])},null,2),Object(o["g"])("p",So,Object(o["H"])(i.btnShareText),1)],2),Po,Object(o["N"])(Object(o["g"])("div",null,[Object(o["N"])(Object(o["g"])("div",Co,[Object(o["g"])("p",Do,[Object(o["i"])(" Trial: "),Object(o["g"])("span",{class:Object(o["q"])([i.isMuchTime?"share-box__trial-left_much":"share-box__trial-left_little"])},Object(o["H"])(i.trialPlanLeft),3)]),To],512),[[o["K"],!i.isExpired]]),Object(o["N"])(Object(o["g"])("div",Ao,[Object(o["g"])("p",Io,Object(o["H"])(i.textForExpiredPlan),1),qo],512),[[o["K"],i.isExpired]]),Object(o["g"])("div",Mo,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(i.priceInfo,e=>(Object(o["v"])(),Object(o["d"])(l,{priceInfo:e,selectedSubs:i.selectedSubs,onSetSelectedSub:r.setSelectedSub,key:e.type},null,8,["priceInfo","selectedSubs","onSetSelectedSub"]))),128))])],512),[[o["K"],i.isUserPlanTrial||i.isExpired]])],2),Eo],2),Object(o["g"])("section",Lo,[Object(o["j"])(d,{card:r.cardCube,githubUrl:"https://github.com/amonks/colorcube-js"},null,8,["card","githubUrl"]),Object(o["j"])(d,{card:r.cardMedian,githubUrl:"https://github.com/lokesh/color-thief"},null,8,["card","githubUrl"]),Object(o["j"])(d,{card:r.cardMaterial,githubUrl:"https://github.com/jariz/vibrant.js"},null,8,["card","githubUrl"]),i.isCSSExists?(Object(o["v"])(),Object(o["d"])(d,{key:0,card:r.cardCSS,githubUrl:""},null,8,["card"])):Object(o["e"])("",!0)]),Bo])}var Fo=a("b311"),Ho=a.n(Fo);const Wo=e=>(Object(o["y"])("data-v-20309afa"),e=e(),Object(o["w"])(),e),No={class:"colors-section"},Ro={class:"colors-section__info"},Go={class:"colors-section__heading"},$o={class:"colors-section__title"},zo={class:"colors-section__summary"},Yo={class:"colors-section__summary__text"},Ko=["href"],Qo=Wo(()=>Object(o["g"])("i",{class:"icon-github"},null,-1)),Vo=[Qo],Zo={class:"colors-section__list"},Jo=Wo(()=>Object(o["g"])("p",{class:"color__brick-title"},"Copied!",-1)),Xo=[Jo],es={class:"color__name"},ts={class:"colors-section__links"},as={class:"colors-section__link colors-section__link--sketch"},os=["href"],ss=Wo(()=>

1Object(o["g"])("div",{class:"download-link__before"},null,-1)),is={class:"colors-section__link colors-section__link--sketch"},rs=["href"],ns=Wo(()=>Object(o["g"])("div",{class:"download-link__before"},null,-1)),cs={class:"colors-section__link colors-section__link--adobe"},ls=["href"],ds=Wo(()=>Object(o["g"])("div",{class:"download-link__before"},null,-1)),us=["href"],ps=Wo(()=>Object(o["g"])("div",{class:"external-link__before"},null,-1)),bs={class:"colors-section__link colors-section__link--coolors"},fs=["href"],hs=Wo(()=>Object(o["g"])("div",{class:"external-link__before"},null,-1));function gs(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("div",No,[Object(o["g"])("div",Ro,[Object(o["g"])("div",Go,[Object(o["g"])("h2",$o,Object(o["H"])(a.card.name),1),Object(o["g"])("div",zo,[Object(o["g"])("div",Yo,Object(o["H"])(a.card.desc),1),a.githubUrl?(Object(o["v"])(),Object(o["f"])("a",{key:0,class:"colors-section__summary__github",href:a.githubUrl,target:"_blank"},Vo,8,Ko)):Object(o["e"])("",!0)])]),Object(o["g"])("div",Zo,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(a.card.colorArray,(e,a)=>(Object(o["v"])(),Object(o["f"])("div",{class:Object(o["q"])(["color",{is_five_in_row:i.upHere&&a>4}]),"data-color":"#fdfdfd"},[Object(o["g"])("div",{class:"color__brick js-color-copy is-light is-luminance",onClick:t[0]||(t[0]=(...e)=>r.colorCopy&&r.colorCopy(...e)),style:Object(o["r"])({"background-color":e.hex})},Xo,4),Object(o["g"])("div",{class:"color__value js-color-copy",onClick:t[1]||(t[1]=(...e)=>r.colorCopy&&r.colorCopy(...e))},Object(o["H"])(e.hex),1),Object(o["g"])("div",es,Object(o["H"])(e.name),1)],2))),256))])]),Object(o["g"])("ul",ts,[Object(o["g"])("li",as,[Object(o["g"])("a",{class:"download-link",href:"https://api.palette.site/export/svg"+i.paletteUrl,target:"_blank"},[ss,Object(o["i"])(" SVG")],8,os)]),Object(o["g"])("li",is,[Object(o["g"])("a",{class:"download-link",href:"https://api.palette.site/export/sketch"+i.colorsAndNames,target:"_blank"},[ns,Object(o["i"])(" Sketch Template")],8,rs)]),Object(o["g"])("li",cs,[Object(o["g"])("a",{class:"download-link",href:"https://api.palette.site/export/ase"+i.colorsAndNames,target:"_blank"},[ds,Object(o["i"])(" Adobe Swatch")],8,ls)]),Object(o["g"])("li",{class:"colors-section__link colors-section__link--google",onMouseover:t[2]||(t[2]=e=>i.upHere=!0),onMouseleave:t[3]||(t[3]=e=>i.upHere=!1)},[Object(o["g"])("a",{class:"external-link",href:"https://artsexperiments.withgoogle.com/artpalette/colors/"+i.googleLink,target:"_blank"},[ps,Object(o["i"])(" Google Palette")],8,us)],32),Object(o["g"])("li",bs,[Object(o["g"])("a",{class:"external-link",href:"https://coolors.co/app/"+i.coolorsLink,target:"_blank"},[hs,Object(o["i"])(" Coolors")],8,fs)])])])}var ms=a("94c7"),vs=a.n(ms),ys={props:{card:{type:Object,default:()=>({})},githubUrl:{type:String,default:()=>""}},data(){const e=function(e){var t=[],a=[];for(var o in e)t.push(e[o].hex.replace("#","")),a.push(e[o].name);return"?hexes="+t.join("-")+"&names="+encodeURIComponent(a.join("-"))},t=e(this.card.colorArray),a=function(e){const t=[];for(let a=0;a<e.length;a++)t.push(e[a].hex.replace("#",""));return t.join("-")},o=a(this.card.colorArray),s=function(e){const t=[];for(let a=0;a<Math.min(5,e.length);a++)t.push(e[a].hex.replace("#",""));return t.join("-")},i=s(this.card.colorArray),r=function(e,t){var a=[],o=[];for(var s in e)a.push(e[s].hex.replace("#","")),o.push(e[s].name);return"?hexes="+a.join("-")+"&names="+encodeURIComponent(o.join("-"))+"&url="+encodeURIComponent(t)},n=r(this.card.colorArray,this.card.url);let c=!1;return{colorsAndNames:t,coolorsLink:o,googleLink:i,paletteUrl:n,upHere:c}},methods:{colorCopy(e){const t=e.target.parentNode.querySelector(".color__value"),a=e.target.parentNode.querySelector(".color__brick");document.oncopy=function(e){e.clipboardData.setData("text/plain",t.textContent),e.preventDefault()},document.execCommand("copy",!1,null),a.firstChild.classList.add("color__brick-title_show"),a.classList.add("noHover"),t.style.color=vs()(t.textContent).getLuminance()>.95?"#b3c1c7":t.textContent,setTimeout(()=>{a.firstChild.classList.remove("color__brick-title_show"),a.classList.remove("noHover"),t.style.color="#3D3D3D"},500)}},mounted(){}};a("c091");const js=_()(ys,[["render",gs],["__scopeId","data-v-20309afa"]]);var Os=js,_s=a("0127"),ws={components:{PaletteCard:Os,KarmaBot:ra,PriceCard:eo,GetExtBtn:_s["a"]},data(){let e=window.location.href,t=le["a"].state.isBannerShow,a=!!le["a"].state.user&&"trial"===le["a"].state.user.plan.toLowerCase(),o=!!le["a"].state.user&&"lifetime"===le["a"].state.user.plan.toLowerCase(),s=le["a"].state.user?le["a"].state.user.expired||a?"Subscribe":"Manage":"",i=!!le["a"].state.user&&le["a"].state.user.expired,r=le["a"].state.user?le["a"].state.user.planInfo+": "+le["a"].state.user.planTimeLeft:"",n=le["a"].state.user&&le["a"].state.user.expired?"trial"===le["a"].state.user.plan.toLowerCase()?"Trial has expired":"Subscription has expired":"",c=le["a"].state.isBannerShow?"https://sliday.com/":"https://karmabot.chat/",l=le["a"].state.onePalette.colors.css.length>0;return new Ho.a(".js-share",{text:function(e){return window.location.href}}),{url:e,isBannerShow:t,isUserPlanTrial:a,isUserPlanLifetime:o,isExpired:i,trialPlanLeft:"",planInfo:r,isPaymentSending:!1,btnUpgradeText:"Upgrade",isCopied:!1,btnShareText:"Share this palette",priceInfo:[{title:"Subscription",price:"$2.50/mo",bill:"billed annually",btnText:s,type:"sub"},{title:"Lifetime",price:"$99",bill:"billed once",btnText:"Purchase",type:"life"}],selectedSubs:"sub",isMuchTime:!0,textForExpiredPlan:n,footerUrl:c,isCSSExists:l}},methods:{share(){this.btnShareText="Link is copied!",this.isCopied=!0,setTimeout(()=>{this.btnShareText="Share this palette",this.isCopied=!1},1e3)},setSelectedSub(e){this.selectedSubs=e},closeBanner:function(e){e.preventDefault(),le["a"].state.userToken&&le["a"].dispatch("setBannerHide",!0),this.isBannerShow=!1,this.footerUrl="https://karmabot.chat/"},sendPayment:function(){this.isPaymentSending=!0,this.btnUpgradeText="",this.$store.dispatch("sendPayment")},selectSubs:function(){this.isSubsSelected=!0},selectPurch:function(){this.isSubsSelected=!1}},mounted(){this.isMuchTime=parseInt(this.trialPlanLeft,10)>=2},computed:{cardCube(){return{name:"Color cube",desc:"3D grid for local hit count maxima search.",url:this.$store.getters.onePalette.url,colorArray:this.$store.getters.onePalette.colors.cube}},cardMedian(){return{name:"Median cut",desc:"Groups alike colours in 3D, sorts by volume, returns base colors per block.",url:this.$store.getters.onePalette.url,colorArray:this.$store.getters.onePalette.colors.thief}},cardMaterial(){return{name:"Material design",desc:"Based on Palette class from Android SDK.",url:this.$store.getters.onePalette.url,colorArray:this.$store.getters.onePalette.colors.vibrant}},cardCSS(){return{name:"Visible CSS",desc:"Extracts visible CSS colors from the page and ranks them by on‑screen area.",url:this.$store.getters.onePalette.url,colorArray:this.$store.getters.onePalette.colors.css}}},beforeMount(){this.isPaymentSending=!1,this.btnUpgradeText="Manage",this.trialPlanLeft=le["a"].state.user?le["a"].state.user.expired?"has expired":nt(le["a"].state.user,"short"):""},beforeRouteEnter(e,t,a){const o=e.query.id;st["a"].getPaletteById(o).then(e=>{le["a"].dispatch("setOnePalette",e),a()}).catch(e=>{le["a"].dispatch("openNotFoundPage")}),le["a"].getters.userToken&&st["a"].getUser(le["a"].getters.userToken).then(e=>{e.user.planInfo=it(e.user),"lifetime"!==e.user.plan?e.user.expired?e.user.planTimeLeft="trial"===e.user.plan.toLowerCase()?"Trial has expired":"Subscription has expired":e.user.planTimeLeft=nt(e.user,"short"):e.user.planTimeLeft=nt(e.user),le["a"].dispatch("setUser",e.user),a()}).catch(e=>{le["a"].dispatch("openNotFoundPage")})}};a("3d83");const ks=_()(ws,[["render",Uo],["__scopeId","data-v-53bfcea9"]]);var xs=ks;const Ss={class:"help-page"};function Ps(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("Main"),l=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",Ss,[Object(o["j"])(n),Object(o["j"])(c),Object(o["j"])(l)])}var Cs=a("1996"),Ds=a.n(Cs),Ts=a("c67a"),As=a.n(Ts),Is=a("ef13"),qs=a.n(Is);const Ms={class:"main"},Es=Object(o["h"])('<div class="main__content" data-v-696742f3><h1 class="main__title" data-v-696742f3> Help </h1><div class="main__info" data-v-696742f3><div class="main__info-table-of-cont" data-v-696742f3><h3 class="main__info-name-title" data-v-696742f3><a href="#FAQ1" data-v-696742f3>Logging in to Site Palette</a></h3><h3 class="main__info-name-title" data-v-696742f3><a href="#FAQ2" data-v-696742f3>Simplifying your design work with Site Palette</a></h3><h3 class="main__info-name-title" data-v-696742f3><a href="#FAQ3" data-v-696742f3>Exploring Site Palette&#39;s features</a></h3><h3 class="main__info-name-title" data-v-696742f3><a href="#FAQ4" data-v-696742f3>Site Palette&#39;s pricing</a></h3><h3 class="main__info-name-title" data-v-696742f3><a href="#FAQ5" data-v-696742f3>Site Palette refund policy</a></h3></div><div class="main__info-sections" data-v-696742f3><div class="main__info-section" id="FAQ1" data-v-696742f3><h2 class="main__info-title" data-v-696742f3> Logging in to Site Palette </h2><p class="main__info-text" data-v-696742f3> Sign in to Site Palette, simply using the magic link on our website. Once logged in, head to the Chrome Web Store to add the Site Palette extension. Once installed, the Site Palette icon will appear in your browser&#39;s toolbar for easy access. </p><img src="'+Ds.a+'" alt="Logging" class="main__info-img" data-v-696742f3></div><div class="main__info-section" id="FAQ2" data-v-696742f3><h2 class="main__info-title" data-v-696742f3> Simplifying your design work with Site Palette </h2><p class="main__info-text" data-v-696742f3> Suppose you want to extract a color scheme from the Apple store. To do this, just click the Site Palette extension and choose &quot;Create Palette.&quot; Site Palette will take website screenshots, analyze the colors, and generate a palette for you. </p><img src="'+As.a+'" alt="Logging" class="main__info-img" data-v-696742f3></div><div class="main__info-section" id="FAQ3" data-v-696742f3><h2 class="main__info-title" data-v-696742f3> Exploring Site Palette&#39;s features </h2><p class="main__info-text" data-v-696742f3> After obtaining your palette, you can utilize it in various ways. You can copy colors, download an SVG file, or use it as a design reference. Additionally, you can share the palette with your colleagues. </p><img src="'+qs.a+'" alt="Logging" class="main__info-img" data-v-696742f3></div><div class="main__info-section" id="FAQ4" data-v-696742f3><h2 class="main__info-title" data-v-696742f3> Site Palette&#39;s pricing </h2><p class="main__info-text" data-v-696742f3> We offer a free 1-day trial, which provides ample time to explore Site Palette&#39;s features. If you&#39;

1re satisfied with what you see (and we&#39;re confident you will be!), you can purchase a subscription for just $3 per month or $30 per year. This is a small investment that will significantly simplify your design work! </p></div><div class="main__info-section" id="FAQ5" data-v-696742f3><h2 class="main__info-title" data-v-696742f3> Site Palette refund policy </h2><p class="main__info-text" data-v-696742f3> Please note we do not offer refunds for any type of Site Palette subscription. Therefore, we encourage you to carefully consider your purchase before committing to a subscription. If you have any questions, please contact us at <a class="main__info-link" href="mailto:[email protected]" data-v-696742f3>[email protected]</a>. </p></div></div></div></div>',1),Ls=[Es];function Bs(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("main",Ms,Ls)}var Us={};a("b0ab");const Fs=_()(Us,[["render",Bs],["__scopeId","data-v-696742f3"]]);var Hs=Fs,Ws=a("00bd"),Ns={components:{Header:l["default"],Main:Hs,Footer:y["default"]},mounted(){const e="Site Palette Help: Getting Started, Features, Pricing & FAQ",t="Learn how to log in, extract color palettes from websites, explore Site Palette features, and find answers to common questions about pricing and subscriptions.";document.title=e,Object(Ws["b"])("description",t),Object(Ws["b"])("twitter:title",e),Object(Ws["b"])("twitter:description",t),Object(Ws["b"])("og:title",e),Object(Ws["b"])("og:description",t),Object(Ws["a"])("https://palette.site/help")}};a("641d");const Rs=_()(Ns,[["render",Ps],["__scopeId","data-v-da472fca"]]);var Gs=Rs;const $s={class:"help-page"};function zs(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("Main"),l=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",$s,[Object(o["j"])(n),Object(o["j"])(c),Object(o["j"])(l)])}var Ys=a("ddfe"),Ks=a.n(Ys);const Qs={class:"main"},Vs=Object(o["h"])('<div class="main__content" data-v-588feb56><h1 class="main__title" data-v-588feb56> Effortless Firefox integration </h1><div class="main__info" data-v-588feb56><div class="main__info-sections" data-v-588feb56><div class="main__info-section" data-v-588feb56><p class="main__info-text" data-v-588feb56> Please be sure permission &quot;Access your data for all web sites&quot; is on in the extension&#39;s settings. To find it, follow the instructions below: </p><ol class="main__info-list" data-v-588feb56><li class="main__info-item" data-v-588feb56>Open your browser and type &quot;about:debugging&quot; in the address bar;</li><li class="main__info-item" data-v-588feb56>Click on the name of the extension to open settings;</li><li class="main__info-item" data-v-588feb56>Under &quot;Permissions&quot;, you will see a list of requested permissions for the extension;</li><li class="main__info-item" data-v-588feb56>Check that the permission for the &quot;Access your data on all web sites&quot; is enabled. If it is disabled, toggle it to enabled.</li></ol><p class="main__info-text" data-v-588feb56> This will allow the extension to access your data on all web sites, which is necessary for it to work properly. </p><img src="'+Ks.a+'" alt="intalling in firefox" class="main__info-img" data-v-588feb56></div></div></div></div>',1),Zs=[Vs];function Js(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("main",Qs,Zs)}var Xs={};a("2e44");const ei=_()(Xs,[["render",Js],["__scopeId","data-v-588feb56"]]);var ti=ei,ai={components:{Header:l["default"],Main:ti,Footer:y["default"]},mounted(){const e="Effortless Firefox Integration: Enable Required Permissions for Proper Extension Functionality",t='To ensure smooth operation of the extension, follow these steps to enable the "Access your data for all websites" permission in Firefox. This step is essential for the extension to function properly across all sites.';document.title=e,Object(Ws["b"])("description",t),Object(Ws["b"])("twitter:title",e),Object(Ws["b"])("twitter:description",t),Object(Ws["b"])("og:title",e),Object(Ws["b"])("og:description",t),Object(Ws["a"])("https://palette.site/install-ff")}};a("b6d4");const oi=_()(ai,[["render",zs],["__scopeId","data-v-5823413c"]]);var si=oi;const ii={class:"privacy-page"};function ri(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("PrivacyPolicy"),l=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",ii,[Object(o["j"])(n),Object(o["j"])(c),Object(o["j"])(l)])}const ni={class:"popup"},ci=Object(o["h"])('<div class="container" data-v-0023ee5a><div class="popup__content" data-v-0023ee5a><h2 data-v-0023ee5a>Privacy policy</h2><p data-v-0023ee5a>Effective date: May 30, 2018</p><p data-v-0023ee5a> Sliday Limited (&quot;us&quot;, &quot;we&quot;, or &quot;our&quot;) operates the <strong data-v-0023ee5a>https://palette.site</strong> website (the &quot;Service&quot;). </p><p data-v-0023ee5a> This page informs you of our policies regarding the collection, use, and disclosure of personal data when you use our Service and the choices you have associated with that data. </p><p data-v-0023ee5a> We use your data to provide and improve the Service. By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, accessible from https://palette.site </p><h3 data-v-0023ee5a>Definitions</h3><p data-v-0023ee5a><strong data-v-0023ee5a>Service</strong><br data-v-0023ee5a>Service is the https://palette.site website operated by Sliday Limited </p><p data-v-0023ee5a><strong data-v-0023ee5a>Personal Data</strong><br data-v-0023ee5a>Personal Data means data about a living individual who can be identified from those data (or from those and other information either in our possession or likely to come into our possession). </p><p data-v-0023ee5a><strong data-v-0023ee5a>Usage Data</strong><br data-v-0023ee5a>Usage Data is data collected automatically either generated by the use of the Service or from the Service infrastru

1cture itself (for example, the duration of a page visit). </p><p data-v-0023ee5a><strong data-v-0023ee5a>Cookies</strong><br data-v-0023ee5a>Cookies are small pieces of data stored on your device (computer or mobile device). </p><p data-v-0023ee5a><strong data-v-0023ee5a>Data Controller</strong><br data-v-0023ee5a>Data Controller means the natural or legal person who (either alone or jointly or in common with other persons) determines the purposes for which and the manner in which any personal information are, or are to be, processed.<br data-v-0023ee5a>For the purpose of this Privacy Policy, we are a Data Controller of your Personal Data. </p><p data-v-0023ee5a><strong data-v-0023ee5a>Data Processors (or Service Providers)</strong><br data-v-0023ee5a>Data Processor (or Service Provider) means any natural or legal person who processes the data on behalf of the Data Controller.<br data-v-0023ee5a>We may use the services of various Service Providers in order to process your data more effectively. </p><p data-v-0023ee5a><strong data-v-0023ee5a>Data Subject (or User)</strong><br data-v-0023ee5a>Data Subject is any living individual who is using our Service and is the subject of Personal Data. </p><h3 data-v-0023ee5a>Information Collection and Use</h3><p data-v-0023ee5a> We collect several different types of information for various purposes to provide and improve our Service to you. </p><h3 data-v-0023ee5a>Types of Data Collected</h3><p data-v-0023ee5a><strong data-v-0023ee5a>Personal Data</strong></p><p data-v-0023ee5a> While using our Service, we may ask you to provide us with certain personally identifiable information that can be used to contact or identify you (&quot;Personal Data&quot;). Personally identifiable information may include, but is not limited to: </p><ul data-v-0023ee5a><li data-v-0023ee5a>Email address</li><li data-v-0023ee5a>First name and last name</li><li data-v-0023ee5a>Cookies and Usage Data</li></ul><p data-v-0023ee5a> We may use your Personal Data to contact you with newsletters, marketing or promotional materials and other information that may be of interest to you. You may opt out of receiving any, or all, of these communications from us by following the unsubscribe link or instructions provided in any email we send or by contacting us. </p><p data-v-0023ee5a><strong data-v-0023ee5a>Usage Data</strong></p><p data-v-0023ee5a> We may also collect information how the Service is accessed and used (&quot;Usage Data&quot;). This Usage Data may include information such as your computer&#39;s Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that you visit, the time and date of your visit, the time spent on those pages, unique device identifiers and other diagnostic data. </p><p data-v-0023ee5a><strong data-v-0023ee5a>Tracking &amp; Cookies Data</strong></p><p data-v-0023ee5a> We use cookies and similar tracking technologies to track the activity on our Service and hold certain information. </p><p data-v-0023ee5a> Cookies are files with small amount of data which may include an anonymous unique identifier. Cookies are sent to your browser from a website and stored on your device. Tracking technologies also used are beacons, tags, and scripts to collect and track information and to improve and analyze our Service. </p><p data-v-0023ee5a> You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However, if you do not accept cookies, you may not be able to use some portions of our Service. </p><p data-v-0023ee5a>Examples of Cookies we use:</p><ul data-v-0023ee5a><li data-v-0023ee5a><strong data-v-0023ee5a>Session Cookies. </strong> We use Session Cookies to operate our Service. </li><li data-v-0023ee5a><strong data-v-0023ee5a>Preference Cookies. </strong> We use Preference Cookies to remember your preferences and various settings. </li><li data-v-0023ee5a><strong data-v-0023ee5a>Security Cookies. </strong> We use Security Cookies for security purposes. </li></ul><h3 data-v-0023ee5a>Use of Data</h3><p data-v-0023ee5a>Sliday Limited uses the collected data for various purposes:</p><ul data-v-0023ee5a><li data-v-0023ee5a>To provide and maintain our Service</li><li data-v-0023ee5a>To notify you about changes to our Service</li><li data-v-0023ee5a>To allow you to participate in interactive features of our Service when you choose to do so </li><li data-v-0023ee5a>To provide customer support</li><li data-v-0023ee5a>To gather analysis or valuable information so that we can improve our Service </li><li data-v-0023ee5a>To monitor the usage of our Service</li><li data-v-0023ee5a>To detect, prevent and address technical issues</li><li data-v-0023ee5a>To provide you with news, special offers and general information about other goods, services and events which we offer that are similar to those that you have already purchased or enquired about unless you have opted not to receive such information </li></ul><h3 data-v-0023ee5a> Legal Basis for Processing Personal Data Under General Data Protection Regulation (GDPR) </h3><p data-v-0023ee5a> If you are from the European Economic Area (EEA), Sliday Limited legal basis for c

1ollecting and using the personal information described in this Privacy Policy depends on the Personal Data we collect and the specific context in which we collect it. </p><p data-v-0023ee5a>Sliday Limited may process your Personal Data because:</p><ul data-v-0023ee5a><li data-v-0023ee5a>We need to perform a contract with you</li><li data-v-0023ee5a>You have given us permission to do so</li><li data-v-0023ee5a>The processing is in our legitimate interests and it&#39;s not overridden by your rights </li><li data-v-0023ee5a>For payment processing purposes</li><li data-v-0023ee5a>To comply with the law</li></ul><h3 data-v-0023ee5a>Retention of Data</h3><p data-v-0023ee5a> Sliday Limited will retain your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, and enforce our legal agreements and policies. </p><p data-v-0023ee5a> Sliday Limited will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of our Service, or we are legally obligated to retain this data for longer time periods. </p><h3 data-v-0023ee5a>Transfer of Data</h3><p data-v-0023ee5a> Your information, including Personal Data, may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from your jurisdiction. </p><p data-v-0023ee5a> If you are located outside New Zealand and choose to provide information to us, please note that we transfer the data, including Personal Data, to New Zealand and process it there. </p><p data-v-0023ee5a> Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer. </p><p data-v-0023ee5a> Sliday Limited will take all steps reasonably necessary to ensure that your data is treated securely and in accordance with this Privacy Policy and no transfer of your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of your data and other personal information. </p><h3 data-v-0023ee5a>Disclosure of Data</h3><p data-v-0023ee5a><strong data-v-0023ee5a>Disclosure for Law Enforcement</strong></p><p data-v-0023ee5a> Under certain circumstances, Sliday Limited may be required to disclose your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency). </p><p data-v-0023ee5a><strong data-v-0023ee5a>Legal Requirements</strong></p><p data-v-0023ee5a> Sliday Limited may disclose your Personal Data in the good faith belief that such action is necessary to: </p><ul data-v-0023ee5a><li data-v-0023ee5a>To comply with a legal obligation</li><li data-v-0023ee5a>To protect and defend the rights or property of Sliday Limited </li><li data-v-0023ee5a>To prevent or investigate possible wrongdoing in connection with the Service </li><li data-v-0023ee5a>To protect the personal safety of users of the Service or the public </li><li data-v-0023ee5a>To protect against legal liability</li></ul><h3 data-v-0023ee5a>Security of Data</h3><p data-v-0023ee5a> The security of your data is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security. </p><h3 data-v-0023ee5a>&quot;Do Not Track&quot; Signals</h3><p data-v-0023ee5a> We do not support Do Not Track (&quot;DNT&quot;). Do Not Track is a preference you can set in your web browser to inform websites that you do not want to be tracked. </p><p data-v-0023ee5a> You can enable or disable Do Not Track by visiting the Preferences or Settings page of your web browser. </p><h3 data-v-0023ee5a> Your Data Protection Rights Under General Data Protection Regulation (GDPR) </h3><p data-v-0023ee5a> If you are a resident of the European Economic Area (EEA), you have certain data protection rights. Sliday Limited aims to take reasonable steps to allow you to correct, amend, delete, or limit the use of your Personal Data. </p><p data-v-0023ee5a> If you wish to be informed what Personal Data we hold about you and if you want it to be removed from our systems, please contact us. </p><p data-v-0023ee5a> In certain circumstances, you have the following data protection rights: </p><ul data-v-0023ee5a><li data-v-0023ee5a><strong data-v-0023ee5a>The right to access, update or to delete the information we have on you. </strong> Whenever made possible, you can access, update or request deleti

1on of your Personal Data directly within your account settings section. If you are unable to perform these actions yourself, please contact us to assist you. </li><li data-v-0023ee5a><strong data-v-0023ee5a>The right of rectification. </strong> You have the right to have your information rectified if that information is inaccurate or incomplete. </li><li data-v-0023ee5a><strong data-v-0023ee5a>The right to object. </strong> You have the right to object to our processing of your Personal Data. </li><li data-v-0023ee5a><strong data-v-0023ee5a>The right of restriction. </strong> You have the right to request that we restrict the processing of your personal information. </li><li data-v-0023ee5a><strong data-v-0023ee5a>The right to data portability. </strong> You have the right to be provided with a copy of the information we have on you in a structured, machine-readable and commonly used format. </li><li data-v-0023ee5a><strong data-v-0023ee5a>The right to withdraw consent. </strong> You also have the right to withdraw your consent at any time where Sliday Limited relied on your consent to process your personal information. </li></ul><p data-v-0023ee5a> Please note that we may ask you to verify your identity before responding to such requests. </p><p data-v-0023ee5a> You have the right to complain to a Data Protection Authority about our collection and use of your Personal Data. For more information, please contact your local data protection authority in the European Economic Area (EEA). </p><h3 data-v-0023ee5a>Service Providers</h3><p data-v-0023ee5a> We may employ third party companies and individuals to facilitate our Service (&quot;Service Providers&quot;), to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used. </p><p data-v-0023ee5a> These third parties have access to your Personal Data only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose. </p><h3 data-v-0023ee5a>Analytics</h3><p data-v-0023ee5a> We may use third-party Service Providers to monitor and analyze the use of our Service. </p><p data-v-0023ee5a><strong data-v-0023ee5a>Google Analytics</strong></p><p data-v-0023ee5a> Google Analytics is a web analytics service offered by Google that tracks and reports website traffic. Google uses the data collected to track and monitor the use of our Service. This data is shared with other Google services. Google may use the collected data to contextualize and personalize the ads of its own advertising network. </p><p data-v-0023ee5a> You can opt-out of having made your activity on the Service available to Google Analytics by installing the Google Analytics opt-out browser add-on. The add-on prevents the Google Analytics JavaScript (ga.js, analytics.js, and dc.js) from sharing information with Google Analytics about visits activity. </p><p data-v-0023ee5a> For more information on the privacy practices of Google, please visit the Google Privacy &amp; Terms web page: <a href="https://policies.google.com/privacy?hl=en" target="_blank" data-v-0023ee5a>https://policies.google.com/privacy?hl=en</a></p><p data-v-0023ee5a></p><h3 data-v-0023ee5a>Payments</h3><p data-v-0023ee5a> We may provide paid products and/or services within the Service. In that case, we use third-party services for payment processing (e.g. payment processors). </p><p data-v-0023ee5a> We will not store or collect your payment card details. That information is provided directly to our third-party payment processors whose use of your personal information is governed by their Privacy Policy. These payment processors adhere to the standards set by PCI-DSS as managed by the PCI Security Standards Council, which is a joint effort of brands like Visa, Mastercard, American Express and Discover. PCI-DSS requirements help ensure the secure handling of payment information. </p><p data-v-0023ee5a>The payment processors we work with are:</p><p data-v-0023ee5a><strong data-v-0023ee5a>Stripe</strong></p><p data-v-0023ee5a> Their Privacy Policy can be viewed at <a href="https://stripe.com/us/privacy" target="_blank" data-v-0023ee5a>https://stripe.com/us/privacy</a></p><h3 data-v-0023ee5a>Links to Other Sites</h3><p data-v-0023ee5a> Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party&#39;s site. We strongly advise you to review the Privacy Policy of every site you visit. </p><p data-v-0023ee5a> We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services. </p><h3 data-v-0023ee5a>Children&#39;s Privacy</h3><p data-v-0023ee5a> Our Service does not address anyone under the age of 18 (&quot;Children&quot;). </p><p data-v-0023ee5a> We do not knowingly collect personally identifiable information from anyone under the age of 18. If you are a parent or guardian and you are aware that your child has provided us with Personal Data, please contact us. If we become aware that we have collected Personal Data from children without verification of parental consent, we take steps to remove that information from our servers. </p><h3 data-v-0023ee5a>Changes to This Privacy Policy</h3><p data-v-0023ee5a> We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page. </p><p data-v-0023ee5a> We will let you know via email and/or a prominent notice on our Service, prior to the change becoming effective and update the &quot;effective date&quot; at the top of this Privacy Policy. </p><p data-v-0023ee5a> You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page. </p><h3 data-v-0023ee5a>Contact Us</h3><p data-v-0023ee5a> If you have any questions about this Privacy Policy, please contact us by email: <a href="mailto:[email protected]?Subject=Privacy" target="_blank" data-v-0023ee5a>[email protected]</a></p></div></div>',1),li=[ci];function di(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("section",ni,li)}var ui={};a("0f42");const pi=_()(ui,[["render",di],["__scopeId","data-v-0023ee5a"]]);var bi=pi,fi={components:{Header:l["default"],PrivacyPolicy:bi,Footer:y["default"]}};a("126a");const hi=_()(fi,[["render",ri],["__scopeId","data-v-29720594"]]);var gi=hi;const mi={class:"tos-page"};function vi(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("Terms"),l=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",mi,[Object(o["j"])(n),Object(o["j"])(c),Object(o["j"])(l)])}const yi={class:"popup"},ji=Object(o["h"])('<div class="container" data-v-1e5311f0><div class="popup__content" data-v-1e5311f0><h2 data-v-1e5311f0>Terms and Conditions</h2><p data-v-1e5311f0>Last updated: May 30, 2018</p><p data-v-1e5311f0> These Terms and Conditions (&quot;Terms&quot;, &quot;Terms and Conditions&quot;) govern your relationship with <strong data-v-1e5311f0>https://palette.site</strong> website (the &quot;Service&quot;) operated by Sliday Limited (&quot;us&quot;, &quot;we&quot;, or &quot;our&quot;). </p><p data-v-1e5311f0> Please read these Terms and Conditions carefully before using the Service. </p><p data-v-1e5311f0> Your access to and use of the Service is conditioned on your acceptance of and compliance with these Terms. These Terms apply to all visitors, users and others who access or use the Service. </p><p data-v-1e5311f0> By accessing or using the Service you agree to be bound by these Terms. If you disagree with any part of the terms then you may 

1not access the Service. </p><h3 data-v-1e5311f0>Subscriptions</h3><p data-v-1e5311f0> Some parts of the Service are billed on a subscription basis (&quot;Subscription(s)&quot;). You will be billed in advance on a recurring and periodic basis (&quot;Billing Cycle&quot;). Billing cycles are set on a monthly basis. </p><p data-v-1e5311f0> At the end of each Billing Cycle, your Subscription will automatically renew under the exact same conditions unless you cancel it or Sliday Limited cancels it. You may cancel your Subscription renewal either through your online account management page or by contacting Sliday Limited customer support team. </p><p data-v-1e5311f0> A valid payment method, including credit card, is required to process the payment for your Subscription. You shall provide Sliday Limited with accurate and complete billing information including full name, address, state, zip code, telephone number, and a valid payment method information. By submitting such payment information, you automatically authorize Sliday Limited to charge all Subscription fees incurred through your account to any such payment instruments. </p><p data-v-1e5311f0> Should automatic billing fail to occur for any reason, Sliday Limited will issue an electronic invoice indicating that you must proceed manually, within a certain deadline date, with the full payment corresponding to the billing period as indicated on the invoice. </p><h3 data-v-1e5311f0>Fee Changes</h3><p data-v-1e5311f0> Sliday Limited, in its sole discretion and at any time, may modify the Subscription fees for the Subscriptions. Any Subscription fee change will become effective at the end of the then-current Billing Cycle. </p><p data-v-1e5311f0> Sliday Limited will provide you with a reasonable prior notice of any change in Subscription fees to give you an opportunity to terminate your Subscription before such change becomes effective. </p><p data-v-1e5311f0> Your continued use of the Service after the Subscription fee change comes into effect constitutes your agreement to pay the modified Subscription fee amount. </p><h3 data-v-1e5311f0>Refunds</h3><p data-v-1e5311f0> Except when required by law, paid Subscription fees are non-refundable. </p><h3 data-v-1e5311f0>Accounts</h3><p data-v-1e5311f0> When you create an account with us, you must provide us information that is accurate, complete, and current at all times. Failure to do so constitutes a breach of the Terms, which may result in immediate termination of your account on our Service. </p><p data-v-1e5311f0> You are responsible for safeguarding the password that you use to access the Service and for any activities or actions under your password, whether your password is with our Service or a third-party service. </p><p data-v-1e5311f0> You agree not to disclose your password to any third party. You must notify us immediately upon becoming aware of any breach of security or unauthorized use of your account. </p><h3 data-v-1e5311f0>Intellectual Property</h3><p data-v-1e5311f0> The Service and its original content, features and functionality are and will remain the exclusive property of Sliday Limited and its licensors. The Service is protected by copyright, trademark, and other laws of both the New Zealand and foreign countries. Our trademarks and trade dress may not be used in connection with any product or service without the prior written consent of Sliday Limited. </p><h3 data-v-1e5311f0>Links To Other Web Sites</h3><p data-v-1e5311f0> Our Service may contain links to third-party web sites or services that are not owned or c

1ontrolled by Sliday Limited. </p><p data-v-1e5311f0> Sliday Limited has no control over, and assumes no responsibility for, the content, privacy policies, or practices of any third party web sites or services. You further acknowledge and agree that Sliday Limited shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with use of or reliance on any such content, goods or services available on or through any such web sites or services. </p><p data-v-1e5311f0> We strongly advise you to read the terms and conditions and privacy policies of any third-party web sites or services that you visit. </p><h3 data-v-1e5311f0>Termination</h3><p data-v-1e5311f0> We may terminate or suspend your account immediately, without prior notice or liability, for any reason whatsoever, including without limitation if you breach the Terms. </p><p data-v-1e5311f0> Upon termination, your right to use the Service will immediately cease. If you wish to terminate your account, you may simply discontinue using the Service. </p><h3 data-v-1e5311f0>Limitation Of Liability</h3><p data-v-1e5311f0> In no event shall Sliday Limited, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from (i) your access to or use of or inability to access or use the Service; (ii) any conduct or content of any third party on the Service; (iii) any content obtained from the Service; and (iv) unauthorized access, use or alteration of your transmissions or content, whether based on warranty, contract, tort (including negligence) or any other legal theory, whether or not we have been informed of the possibility of such damage, and even if a remedy set forth herein is found to have failed of its essential purpose. </p><h3 data-v-1e5311f0>Disclaimer</h3><p data-v-1e5311f0> Your use of the Service is at your sole risk. The Service is provided on an &quot;AS IS&quot; and &quot;AS AVAILABLE&quot; basis. The Service is provided without warranties of any kind, whether express or implied, including, but not limited to, implied warranties of merchantability, fitness for a particular purpose, non-infringement or course of performance. </p><p data-v-1e5311f0> Sliday Limited its subsidiaries, affiliates, and its licensors do not warrant that a) the Service will function uninterrupted, secure or available at any particular time or location; b) any errors or defects will be corrected; c) the Service is free of viruses or other harmful components; or d) the results of using the Service will meet your requirements. </p><h3 data-v-1e5311f0>Governing Law</h3><p data-v-1e5311f0> These Terms shall be governed and construed in accordance with the laws of New Zealand, without regard to its conflict of law provisions. </p><p data-v-1e5311f0> Our failure to enforce any right or provision of these Terms will not be considered a waiver of those rights. If any provision of these Terms is held to be invalid or unenforceable by a court, the remaining provisions of these Terms will remain in effect. These Terms constitute the entire agreement between us regarding our Service, and supersede and replace any prior agreements we might have between us regarding the Service. </p><h3 data-v-1e5311f0>Changes</h3><p data-v-1e5311f0> We reserve the right, at our sole discretion, to modify or replace these Terms at any time. If a revision is material we will try to provide at least 30 days notice prior to any new terms taking effect. What constitutes a material change will be determined at our sole discretion. </p><p data-v-1e5311f0> By continuing to access or use our Service after those revisions become effective, you agree to be bound by the revised terms. If you do not agree to the new terms, please stop using the Service. </p><h3 data-v-1e5311f0>Contact Us</h3><p data-v-1e5311f0>If you have any questions about these Terms, please contact us.</p></div></div>',1),Oi=[ji];function _i(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("section",yi,Oi)}var wi={};a("e4aa");const ki=_()(wi,[["render",_i],["__scopeId","data-v-1e5311f0"]]);var xi=ki,Si={components:{Header:l["default"],Terms:xi,Footer:y["default"]}};a("3e4a");const Pi=_()(Si,[["render",vi],["__scopeId","data-v-aae409f8"]]);var Ci=Pi;const Di=e=>(Object(o["y"])("data-v-307e63b5"),e=e(),Object(o["w"])(),e),Ti={class:"not-found-page"},Ai={class:"not-found-page__main"},Ii={class:"not-found-page__content"},qi=Di(()=>Object(o["g"])("div",{class:"not-found-page__img"},null,-1)),Mi=Di(()=>Object(o["g"])("p",{class:"not-found-page__code"},"404",-1)),Ei=Di(()=>Object(o["g"])("p",{class:"not-found-page__text"},"The page you are looking for does not seem to exist",-1)),Li=Di(()=>Object(o["g"])("p",{class:"not-found-page__homepage"},"Continue to the Homepage",-1)),Bi=Di(()=>Object(o["g"])("div",{class:"not-found-page__arrow"},null,-1));function Ui(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("router-link"),l=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",Ti,[Object(o["j"])(n),Object(o["g"])("div",Ai,[Object(o["g"])("div",Ii,[qi,Mi,Ei,Object(o["j"])(c,{to:"/",class:"not-found-page__back"},{default:Object(o["M"])(()=>[Li,Bi]),_:1})])]),Object(o["j"])(l)])}var Fi={components:{Header:l["default"],Footer:y["default"]}};a("bd69");const Hi=_()(Fi,[["render",Ui],["__scopeId","data-v-307e63b5"]]);var Wi=Hi;const Ni=e=>(Object(o["y"])("data-v-082f1898"),e=e(),Object(o["w"])(),e),Ri={class:"landing-page"},Gi=Ni(()=>Object(o["g"])("section",{class:"hunt"},null,-1)),$i=Ni(()=>Object(o["g"])("footer",{class:"footer"},null,-1));function zi(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("Main"),l=Object(o["D"])("Pricing"),d=Object(o["D"])("ProductHunt"),u=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",Ri,[Object(o["j"])(n),Object(o["j"])(c),Object(o["j"])(l),Object(o["j"])(d),Object(o["j"])(u),Gi,$i])}const Yi=e=>(Object(o["y"])("data-v-0118fd12"),e=e(),Object(o["w"])(),e),Ki={class:"comparison"},Qi={class:"comparison__content"},Vi=Yi(()=>Object(o["g"])("h1",{class:"comparison__title"}," Site Palette vs other browser extensions ",-1)),Zi=Yi(()=>Object(o["g"])("h2",{class:"comparison__subtitle"}

1," Looking for the best color palette tool? Compare Site Palette with popular alternatives. Find out which tool offers superior palette generation, design exports, and integration with your favorite design apps. Make the best choice for your design needs. ",-1));function Ji(e,t,a,s,i,r){const n=Object(o["D"])("ReadMoreCards");return Object(o["v"])(),Object(o["f"])("section",Ki,[Object(o["g"])("div",Qi,[Vi,Zi,Object(o["j"])(n)])])}var Xi=a("b986"),er=a.n(Xi);const tr=e=>(Object(o["y"])("data-v-5fc51ed2"),e=e(),Object(o["w"])(),e),ar={class:"comparison__cards"},or={key:0,class:"comparison__card"},sr=tr(()=>Object(o["g"])("h3",{class:"comparison__card-title"}," Site Palette vs. Color Palette ",-1)),ir=tr(()=>Object(o["g"])("p",{class:"comparison__card-text"}," See how Site Palette outshines Color Palette with enhanced exporting options, more flexibility in color generation, and seamless design tool integration. ",-1)),rr=tr(()=>Object(o["g"])("img",{src:er.a,alt:""},null,-1)),nr={key:1,class:"comparison__card"},cr=tr(()=>Object(o["g"])("h3",{class:"comparison__card-title"}," Site Palette vs. Extract Colors DevTool ",-1)),lr=tr(()=>Object(o["g"])("p",{class:"comparison__card-text"}," Discover the differences between Site Palette and Extract Colors DevTool. Learn why Site Palette's advanced export formats and palette management give it the edge. ",-1)),dr=tr(()=>Object(o["g"])("img",{src:er.a,alt:""},null,-1)),ur={key:2,class:"comparison__card"},pr=tr(()=>Object(o["g"])("h3",{class:"comparison__card-title"}," Site Palette vs. Website Color Palette ",-1)),br=tr(()=>Object(o["g"])("p",{class:"comparison__card-text"}," Discover the key differences between Site Palette and Website Color Palette, and why Site Palette offers more flexibility and design tool integration. ",-1)),fr=tr(()=>Object(o["g"])("img",{src:er.a,alt:""},null,-1));function hr(e,t,a,s,i,r){const n=Object(o["D"])("router-link");return Object(o["v"])(),Object(o["f"])("div",ar,["Color Palette"!==a.currentCard?(Object(o["v"])(),Object(o["f"])("div",or,[sr,ir,Object(o["j"])(n,{to:"/vs-color",class:"comparison__card-link","aria-label":"link to the page with differences"},{default:Object(o["M"])(()=>[Object(o["i"])(" Read more "),rr]),_:1})])):Object(o["e"])("",!0),"Extract Colors DevTool"!==a.currentCard?(Object(o["v"])(),Object(o["f"])("div",nr,[cr,lr,Object(o["j"])(n,{to:"/vs-extract",class:"comparison__card-link","aria-label":"link to the page with differences"},{default:Object(o["M"])(()=>[Object(o["i"])(" Read more "),dr]),_:1})])):Object(o["e"])("",!0),"Website Color Palette"!==a.currentCard?(Object(o["v"])(),Object(o["f"])("div",ur,[pr,br,Object(o["j"])(n,{to:"/vs-website",class:"comparison__card-link","aria-label":"link to the page with differences"},{default:Object(o["M"])(()=>[Object(o["i"])(" Read more "),fr]),_:1})])):Object(o["e"])("",!0)])}var gr={props:{currentCard:{type:String,default:""}},data(){return{}}};a("0fd7");const mr=_()(gr,[["render",hr],["__scopeId","data-v-5fc51ed2"]]);var vr=mr,yr={components:{ReadMoreCards:vr}};a("b04b");const jr=_()(yr,[["render",Ji],["__scopeId","data-v-0118fd12"]]);var Or=jr,_r={components:{Header:l["default"],Main:Or,Pricing:f["default"],ProductHunt:m["default"],Footer:y["default"]},mounted(){const e="Site Palette vs. Other Browser Extensions: The Best Color Palette Tool for Designers",t="Compare Site Palette with popular browser extensions and discover which tool offers the best palette generation, design exports, and seamless integration with your favorite design apps. Make the right choice for your design needs.";document.title=e,Object(Ws["b"])("description",t),Object(Ws["b"])("twitter:title",e),Object(Ws["b"])("twitter:description",t),Object(Ws["b"])("og:title",e),Object(Ws["b"])("og:description",t),Object(Ws["a"])("https://palette.site/comparison")}};a("5f4d");const wr=_()(_r,[["render",zi],["__scopeId","data-v-082f1898"]]);var kr=wr;const xr=e=>(Object(o["y"])("data-v-31fc2b6a"),e=e(),Object(o["w"])(),e),Sr={class:"landing-page"},Pr=xr(()=>Object(o["g"])("section",{class:"hunt"},null,-1)),Cr=xr(()=>Object(o["g"])("footer",{class:"footer"},null,-1));function Dr(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("MainInfo"),l=Object(o["D"])("Pricing"),d=Object(o["D"])("ProductHunt"),u=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",Sr,[Object(o["j"])(n),Object(o["j"])(c,{currentCard:"Color Palette"}),Object(o["j"])(l),Object(o["j"])(d),Object(o["j"])(u),Pr,Cr])}const Tr=e=>(Object(o["y"])("data-v-56c42492"),e=e(),Object(o["w"])(),e),Ar={class:"comparison"},Ir={class:"comparison__content"},qr={class:"comparison__title"},Mr={class:"comparison__subtitle"},Er=Tr(()=>Object(o["g"])("p",{class:"comparison__disclamer"}," Free trial is available for new members. ",-1)),Lr={class:"comparison__info-cards"},Br={class:"comparison__info-card"},Ur=Tr(()=>Object(o["g"])("h3",{class:"comparison__info-card-title"}," Site Palette ",-1)),Fr={class:"comparison__info-card-text"},Hr={class:"comparison__info-card"},Wr={class:"comparison__info-card-title"},Nr={class:"comparison__info-card-text"},Rr={class:"comparison__section"},Gr=Tr(()=>Object(o["g"])("h2",{class:"comparison__section-title"}," Comparison table ",-1)),$r={class:"comparison__section"},zr=Tr(()=>Object(o["g"])("h2",{class:"comparison__section-title"}," More comparison ",-1));function Yr(e,t,a,s,i,r){const n=Object(o["D"])("GetExtBtn"),c=Object(o["D"])("ComparisonTable"),l=Object(o["D"])("ReadMoreCards");return Object(o["v"])(),Object(o["f"])("section",Ar,[Object(o["g"])("div",Ir,[Object(o["g"])("h1",qr,Object(o["H"])(i.competitorData.title),1),Object(o["g"])("h2",Mr,Object(o["H"])(i.competitorData.subtitle),

11),Object(o["j"])(n),Er,Object(o["g"])("div",Lr,[Object(o["g"])("div",Br,[Ur,Object(o["g"])("p",Fr,Object(o["H"])(i.competitorData.descrOur),1)]),Object(o["g"])("div",Hr,[Object(o["g"])("h3",Wr,Object(o["H"])(a.currentCard),1),Object(o["g"])("p",Nr,Object(o["H"])(i.competitorData.descrCompetitor),1)])]),Object(o["g"])("div",Rr,[Gr,Object(o["j"])(c,{competitorTitle:a.currentCard},null,8,["competitorTitle"])]),Object(o["g"])("div",$r,[zr,Object(o["j"])(l,{currentCard:a.currentCard},null,8,["currentCard"])])])])}var Kr=a("a71f"),Qr=a.n(Kr),Vr=a("31bd"),Zr=a.n(Vr),Jr=a("5412"),Xr=a.n(Jr);const en=e=>(Object(o["y"])("data-v-19537464"),e=e(),Object(o["w"])(),e),tn={class:"table"},an={class:"col col_property"},on={class:"row__text"},sn={class:"col col_our"},rn=en(()=>Object(o["g"])("h3",{class:"col__title"},"Site Palette",-1)),nn=en(()=>Object(o["g"])("img",{src:Qr.a,alt:""},null,-1)),cn=[nn],ln={class:"col col_competitior"},dn={class:"col__title"},un={key:0,src:Zr.a,alt:""},pn={key:1,src:Xr.a,alt:""};function bn(e,t,a,s,i,r){return Object(o["v"])(),Object(o["f"])("div",tn,[Object(o["g"])("div",an,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(i.propertyArray,(e,t)=>(Object(o["v"])(),Object(o["f"])("div",{class:Object(o["q"])(["row",{"row_odd row_odd_left":t%2}])},[Object(o["g"])("span",on,Object(o["H"])(e),1)],2))),256))]),Object(o["g"])("div",sn,[rn,(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(i.propertyArray,(e,t)=>(Object(o["v"])(),Object(o["f"])("div",{class:Object(o["q"])(["row",{row_odd:t%2}])},cn,2))),256))]),Object(o["g"])("div",ln,[Object(o["g"])("h3",dn,Object(o["H"])(a.competitorTitle),1),(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(i.propertyArray,(e,t)=>(Object(o["v"])(),Object(o["f"])("div",{class:Object(o["q"])(["row",{"row_odd row_odd_right":t%2}])},[i.hasPropertyArray.includes(t)?(Object(o["v"])(),Object(o["f"])("img",un)):(Object(o["v"])(),Object(o["f"])("img",pn))],2))),256))])])}var fn={props:{competitorTitle:{type:String,required:!0}},data(){const e=["Generate palettes from any browser page","Browser extension","Unlimited generations","Copy colors by click","Color cube palette","Material design palette","Median cut palette","Download SVG","Download Sketch Template","Download Abode Swatch","Open palette in Google Palette","Open palette in Coolors","Profile with all created palettes","Free trial","Sharing your palettes"],t=[1,2,3,5,13];return{propertyArray:e,hasPropertyArray:t}}};a("15ec");const hn=_()(fn,[["render",bn],["__scopeId","data-v-19537464"]]);var gn=hn,mn={components:{GetExtBtn:_s["a"],ComparisonTable:gn,ReadMoreCards:vr},props:{currentCard:{type:String,required:!0}},data(){const e={title:"Site Palette vs. Color Palette",subtitle:"Explore the differences between Site Palette and Color Palette, and discover why designers choose Site Palette for its advanced palette creation and export features.",descrOur:"Site Palette is a versatile Chrome extension designed for creatives and developers to effortlessly generate color palettes from any webpage. With unlimited palette generations, it provides multiple palette formats, including Color Cube, Material Design, and Median Cut. Users can easily copy colors with a single click and download their palettes in various formats, such as SVG, Sketch Template, and Adobe Swatch. Additionally, Site Palette offers integration with Google Palette and Coolors for seamless palette management. Users can create a profile to store and share all their palettes, with a free trial available to explore the full range of features.",descrCompetitor:"Color Palette is a free and easy-to-use browser extension designed for users looking for a quick and intuitive way to generate color palettes from web pages. Unlike other tools, Color Palette focuses on simplicity, allowing users to copy individual colors with a single click. However, it lacks advanced features such as the ability to download palettes or integrate with Google Palette and Coolors. This extension is ideal for those who want a straightforward, no-cost solution for basic color picking without the need for extra functionality."},t={title:"Site Palette vs. Extract Colors DevTool",subtitle:"Uncover how Site Palette outperforms Extract Colors DevTool with advanced palette exporting, profile management, and seamless design tool integration.",descrOur:"Site Palette is a powerful Chrome extension tailored for creatives and developers to quickly generate color palettes from any browser page. With the ability to create unlimited palettes, it offers various palette options, including Color Cube, Material Design, and Median Cut. Users can easily copy colors with a single click and download palettes in multiple formats, such as SVG, Sketch Template, and Adobe Swatch. The extension also allows integration with Google Palette and Coolors for efficient palette management. A personal profile stores all created palettes, enabling easy sharing, and a free trial lets users experience all its features.",descrCompetitor:"Extract Color DevTool is a versatile browser extension designed for users who need additional functionality beyond basic palette generation. It includes unique features like clean ads, a built-in color picker, a ruler for measuring on-screen elements, the ability to download an image along with the palette, and even the option to take screenshots of web pages. However, it lacks the ability to open palettes in Google Palette or Coolors and does not support downloads in Sketch, Adobe, or SVG formats. Additionally, it doesn't offer a profile feature for storing created palettes."},a={title:"Site Palette vs. Website Color Palette",subtitle:"Explore the comparison between Site Palette and Website Color Palette, and find out why Site Palette is the better choice for professional designers.",descrOur:"Site Palette is a powerful Chrome extension built for designers and developers to quickly generate color palettes from any browser page. It allows for unlimited palette generations and supports multiple formats, including Color Cube, Material Design, and Median Cut. With a simple click, users can copy colors and download palettes in formats like SVG, Sketch Template, and Adobe Swatch. The extension integrates with Google Palette and Coolors, making it easy to manage and explore palettes further. Users can also create a profile to save and share all their palettes, with a free trial available to experience all its features.",descrCompetitor:"Website Color Palette is a basic browser extension that provides a simple solution for users looking to quickly generate color palettes from web pages. While it allows users to copy colors with a click and switch between formats such as HEX, HSL, and RGB, it lacks many advanced features offered by tools like Site Palette. There is no option to save palettes, download them in any format, or open them in Google Palette or Coolors, making it suitable for those who need minimal functionality without the extra tools for managing and sharing palettes."};return{competitorData:"Color Palette"===this.currentCard?e:"Extract Colors DevTool"===this.currentCard?t:a}}};a("f369");const vn=_()(mn,[["render",Yr],["__scopeId","data-v-56c42492"]]);var yn=vn,jn={components:{Header:l["default"],MainInfo:yn,Pricing:f["default"],ProductHunt:m["default"],Footer:y["default"]},mounted(){const e="Site Palette vs. Color Palette: Why Designers Choose Site Palette for Advanced Features",t="Explore the differences between Site Palette and Color Palette, and understand why designers prefer Site Palette for its superior palette creation and export capabilities, tailored to enhance the design workflow.";document.title=e,Object(Ws["b"])("description",t),Object(Ws["b"])("twitter:title",e),Object(Ws["b"])("twitter:description",t),Object(Ws["b"])("og:title",e),Object(Ws["b"])("og:description",t),Object(Ws["a"])("https://palette.site/vs-color")}};a("a9b0");const On=_()(jn,[["render",Dr],["__scopeId","data-v-31fc2b6a"]]);var _n=On;const wn=e=>(Object(o["y"])("data-v-1c4aa6ce"),e=e(),Object(o["w"])(),e),kn={class:"landing-page"},xn=wn(()=>Object(o["g"])("section",{class:"hunt"},null,-1)),Sn=wn(()=>Object(o["g"])("footer",{class:"footer"},null,-1));function Pn(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("MainInfo"),l=Object(o["D"])("Pricing"),d=Object(o["D"])("ProductHunt"),u=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",kn,[Object(o["j"])(n),Object(o["j"])(c,{currentCard:"Extract Colors DevTool"}),Object(o["j"])(l),Object(o["j"])(d),Object(o["j"])(u),xn,Sn])}var Cn={components:{Header:l["default"],MainInfo:yn,Pricing:f["default"],ProductHunt:m["default"],Footer:y["default"]},mounted(){const e="Site Palette vs. Extract Colors DevTool: Why Site Palette Leads with Advanced Features",t="Discover how Site Palette outperforms Extract Colors DevTool with its superior palette exporting, profile management, and seamless integration with design tools, offering a more efficient workflow for designers.";document.title=e,Object(Ws["b"])("description",t),Object(Ws["b"])("twitter:title",e),Object(Ws["b"])("twitter:description",t),Object(Ws["b"])("og:title",e),Object(Ws["b"])("og:description",t),Object(Ws["a"])("https://palette.site/vs-extract")}};a("e140");const Dn=_()(Cn,[["render",Pn],["__scopeId","data-v-1c4aa6ce"]]);var Tn=Dn;const An=e=>(Object(o["y"])("data-v-222cef64"),e=e(),Object(o["w"])(),e),In={class:"landing-page"},qn=An(()=>Object(o["g"])("section",{class:"hunt"},null,-1)),Mn=An(()=>Object(o["g"])("footer",{class:"footer"},null,-1));function En(e,t,a,s,i,r){const n=Object(o["D"])("Header"),c=Object(o["D"])("MainInfo"),l=Object(o["D"])("Pricing"),d=Object(o["D"])("ProductHunt"),u=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",In,[Object(o["j"])(n),Object(o["j"])(c,{currentCard:"Website Color Palette"}),Object(o["j"])(l),Object(o["j"])(d),Object(o["j"])(u),qn,Mn])}var Ln={components:{Header:l["default"],MainInfo:yn,Pricing:f["default"],ProductHunt:m["default"],Footer:y["default"]},mounted(){const e="Site Palette vs. Website Color Palette: Why Site Palette is the Best Choice for Designers",t="Discover the key differences between Site Palette and Website Color Palette, and learn why professional designers prefer Site Palette for creating cohesive, visually appealing websites.";document.title=e,Object(Ws["b"])("twitter:title",e),Object(Ws["b"])("description",t),Object(Ws["b"])("twitter:description",t),Object(Ws["b"])("og:title",e),Object(Ws["b"])("og:description",t),Object(Ws["a"])("https://palette.site/vs-website")}};a("7b29");

1const Bn=_()(Ln,[["render",En],["__scopeId","data-v-222cef64"]]);var Un=Bn;function Fn(e,t,a,s,i,r){const n=Object(o["D"])("Main"),c=Object(o["D"])("MarketingShell");return Object(o["v"])(),Object(o["d"])(c,null,{default:Object(o["M"])(()=>[Object(o["j"])(n)]),_:1})}var Hn=a("ee86");const Wn=e=>(Object(o["y"])("data-v-c2efb918"),e=e(),Object(o["w"])(),e),Nn={class:"success-stories"},Rn={class:"success-stories__content"},Gn=Wn(()=>Object(o["g"])("h1",{class:"success-stories__title"},[Object(o["i"])("Real workflows."),Object(o["g"])("br"),Object(o["i"])("Real results.")],-1)),$n=Wn(()=>Object(o["g"])("p",{class:"success-stories__subtitle"}," See how designers at every level use Site Palette to capture accurate color palettes from the web — without changing how they work. ",-1)),zn={class:"success-stories__cards"};function Yn(e,t,a,s,i,r){const n=Object(o["D"])("SuccessStoryCard");return Object(o["v"])(),Object(o["f"])("section",Nn,[Object(o["g"])("div",Rn,[Gn,$n,Object(o["g"])("div",zn,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(s.successStories,e=>(Object(o["v"])(),Object(o["d"])(n,{key:e.slug,story:e},null,8,["story"]))),128))])])])}var Kn=a("31a1");function Qn(e,t,a,s,i,r){const n=Object(o["D"])("ComparisonCard");return Object(o["v"])(),Object(o["d"])(n,{title:a.story.title,text:a.story.excerpt,to:{name:"success-story",params:{slug:a.story.slug}},"aria-label":"Read story: "+a.story.title},null,8,["title","text","to","aria-label"])}var Vn=a("6686"),Zn={components:{ComparisonCard:Vn["a"]},props:{story:{type:Object,required:!0}}};const Jn=_()(Zn,[["render",Qn]]);var Xn=Jn,ec={components:{SuccessStoryCard:Xn},setup(){return{successStories:Kn["b"]}}};a("c777");const tc=_()(ec,[["render",Yn],["__scopeId","data-v-c2efb918"]]);var ac=tc;const oc={title:"Site Palette success stories — real workflows from designers",description:"See how product, UX, and senior designers use Site Palette to extract color palettes from websites, export to design tools, and speed up handoff.",path:"/success-stories"};var sc={components:{MarketingShell:Hn["default"],Main:ac},mounted(){Object(Ws["c"])(oc)}};const ic=_()(sc,[["render",Fn]]);var rc=ic,nc=a("6605"),cc=a("c9d9");const lc=[{path:"/",name:"homepage",component:k},{path:"/sign-in",name:"sign-in",component:be,meta:{noindex:!0}},{path:"/welcome",component:ft,meta:{noindex:!0}},{path:"/palettes",component:la,meta:{noindex:!0}},{path:"/profile",name:"profile",component:oo,meta:{noindex:!0}},{path:"/install-ff",name:"install-ff",component:si},{path:"/palette",name:"palette",component:xs,meta:{noindex:!0}},{path:"/help",name:"help",component:Gs},{path:"/privacy",name:"privacy",component:gi},{path:"/tos",name:"tos",component:Ci},{path:"/not-found",name:"not-found",component:Wi,meta:{noindex:!0}},{path:"/comparison",name:"comparison",component:kr},{path:"/vs-color",name:"vs-color",component:_n},{path:"/vs-extract",name:"vs-extract",component:Tn},{path:"/vs-website",name:"vs-website",component:Un},{path:"/success-stories",name:"success-stories",component:rc},{path:"/success-stories/:slug",name:"success-story",component:()=>a.e("chunk-309a99a8").then(a.bind(null,"0f2d")),beforeEnter:e=>!!Object(Kn["a"])(e.params.slug)||"/not-found",props:e=>{const t=Object(Kn["a"])(e.params.slug);return t?{story:t}:{}}},{path:"/:catchAll(.*)",component:Wi,beforeEnter:e=>{if(/^\/\d{4}-\d{2}-\d{2}/.test(e.path)){const t=e.path.replace(/\/$/,"");return window.location.href=`/blog${t}/`,!1}return"/not-found"}}],dc=Object(nc["a"])({routes:lc,history:Object(nc["b"])("/"),scrollBehavior(e,t,a){return e.hash?{el:e.hash}:{left:0,top:0}}});dc.beforeEach(async(e,t)=>{if(e.query.ref&&"string"===typeof e.query.ref){const t=e.query.ref;if(t.includes("blog/")){const a=t.replace(/\/blog\/.*$/,"").replace(/blog\/.*$/,"");if(a!==t){const t={...e.query,ref:a||void 0};return{path:e.path,query:t}}}}le["a"].state.user&&"function"===typeof window.profitwell&&window.profitwell("start",{user_email:le["a"].state.user.email});const a=["help","privacy","tos","install-ff"],o=["comparison","vs-color","vs-extract","vs-website"],s=["success-stories","success-story"],i=["sign-in","homepage","palette",...a,...o,...s];i.includes(e.name)||le["a"].state.userToken||dc.push({path:"/sign-in"}),"sign-in"===e.name&&le["a"].state.userToken&&(dc.push({path:"/profile"}),"undefined"!==typeof chrome&&chrome.runtime?chrome.runtime&&chrome.runtime.sendMessage(cc["a"],{command:"palette.site_login",token:le["a"].state.userToken}):(localStorage.setItem("palette.site_login",le["a"].state.userToken),window.postMessage("externally_connectable.login")))}),dc.afterEach(e=>{const t="/"===e.path?"/":e.path.replace(/\/$/,"");Object(Ws["a"])("https://palette.site"+t),e.meta.noindex?Object(Ws["d"])("noindex, nofollow"):Object(Ws["d"])(null)});t["a"]=dc},"994d":function(e,t,a){e.exports=a.p+"img/icon-safari.d3380667.svg"},"999c":function(e,t,a){e.exports=a.p+"img/howit-fourth.46d8b404.png"},"9d8f":function(e,t,a){},"9f6a":function(e,t,a){},a409:function(e,t,a){"use strict";a("87dc")},a43e:function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s=e=>(Object(o["y"])("data-v-bbdbced0"),e=e(),Object(o["w"])(),e),i={class:"product-hunt"},r=s(()=>Object(o["g"])("h2",{class:"title"},"Like this product? Upvote!",-1)),n=s(()=>Object(o["g"])("a",{class:"logo",href:"https://www.producthunt.com/posts/site-palette-2-0",target:"_blanck"}," Upvote on Product Hunt ",-1)),c=[r,n];

1function l(e,t,a,s,r,n){return Object(o["v"])(),Object(o["f"])("section",i,c)}var d={},u=(a("296f"),a("6b0d")),p=a.n(u);const b=p()(d,[["render",l],["__scopeId","data-v-bbdbced0"]]);t["default"]=b},a71f:function(e,t,a){e.exports=a.p+"img/check-ours.f783f783.svg"},a8f4:function(e,t,a){"use strict";a("49e9")},a904:function(e,t,a){},a904c:function(e,t,a){e.exports=a.p+"img/icon-brave.7e045734.svg"},a9b0:function(e,t,a){"use strict";a("f92c")},aa3f:function(e,t,a){},abaa:function(e,t,a){e.exports=a.p+"img/new-logo.fb06d3dc.svg"},ad49:function(e,t,a){},ae48:function(e,t,a){"use strict";a("d45c")},ae8d:function(e,t,a){"use strict";a("248d")},b043:function(e,t,a){},b04b:function(e,t,a){"use strict";a("8ec7")},b0ab:function(e,t,a){"use strict";a("80bb")},b2be:function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s={class:"cards"},i=Object(o["h"])('<h3 class="card__title" data-v-3e1354aa>Median cut</h3><p class="card__description" data-v-3e1354aa> Clusters similar colors in 3D model, sort them by volume and returns base colors for each block </p><ul class="card__colors" data-v-3e1354aa><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#644ca2;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#644ca2</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#3e77e9;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#3e77e9</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#ff5952;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#ff5952</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#4fc775;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#4fc775</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#ffd656;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#ffd656</p></li></ul>',3),r=[i],n=Object(o["h"])('<h3 class="card__title" data-v-3e1354aa>Material Design</h3><p class="card__description" data-v-3e1354aa>Based on Palette class from Android SDK</p><ul class="card__colors" data-v-3e1354aa><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#1e306e;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#1e306e</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#563672;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#563672</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#8e3c77;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#8e3c77</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#c6427b;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#c6427b</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#fe4880;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#fe4880</p></li></ul>',3),c=[n],l=Object(o["h"])('<h3 class="card__title" data-v-3e1354aa>Color cube</h3><p class="card__description" data-v-3e1354aa> Builds 3D histogram grid, searches for local maxima of the hit count </p><ul class="card__colors" data-v-3e1354aa><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#3d3d3d;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#3d3d3d</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#6059f7;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#6059f7</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#6592fe;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#6592fe</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#36c3fe;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#36c3fe</p></li><li class="card__color" data-v-3e1354aa><div class="card__color-block" style="background:#8c61ff;" data-v-3e1354aa></div><p class="card__color-value" data-v-3e1354aa>#8c61ff</p></li></ul>',3),d=[l];function u(e,t,a,i,n,l){return Object(o["v"])(),Object(o["f"])("div",s,[Object(o["g"])("div",{onClick:t[0]||(t[0]=(...e)=>l.newCards&&l.newCards(...e)),class:Object(o["q"])(n.cards[0])},r,2),Object(o["g"])("div",{onClick:t[1]||(t[1]=(...e)=>l.newCards&&l.newCards(...e)),class:Object(o["q"])(n.cards[1])},c,2),Object(o["g"])("div",{onClick:t[2]||(t[2]=(...e)=>l.newCards&&l.newCards(...e)),class:Object(o["q"])(n.cards[2])},d,2)])}var p={data(){return{cards:["card card-1","card card-2","card card-3"]}},mounted(){setInterval(this.newCards,4e3)},methods:{newCards:function(){let e=[].concat(this.cards.splice(1),this.cards.slice(0,1));this.cards=e}}},b=(a("a409"),a("6b0d")),f=a.n(b);

1const h=f()(p,[["render",u],["__scopeId","data-v-3e1354aa"]]);t["default"]=h},b6d4:function(e,t,a){"use strict";a("aa3f")},b6f3:function(e,t,a){},b862:function(e,t,a){},b8d9:function(e,t,a){"use strict";a("deba")},b986:function(e,t,a){e.exports=a.p+"img/arrow-read-more.0ea3bc3c.svg"},ba15:function(e,t,a){},bd69:function(e,t,a){"use strict";a("9f6a")},c091:function(e,t,a){"use strict";a("5ea6")},c2a1:function(e,t,a){},c33e:function(e,t,a){},c406:function(e,t,a){"use strict";a("c33e")},c5ba:function(e,t,a){},c648:function(e,t,a){},c67a:function(e,t,a){e.exports=a.p+"img/FAQ-2.21fdde3b.gif"},c680:function(e,t,a){},c762:function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s={class:"figma-plugin"},i={class:"container"},r={class:"figma-plugin__content"},n={class:"figma-plugin__text"},c=Object(o["h"])('<p class="figma-plugin__eyebrow" data-v-7d287cde> Figma plugin </p><h2 class="figma-plugin__title" data-v-7d287cde> Use Site Palette directly in Figma </h2><p class="figma-plugin__subtitle" data-v-7d287cde> Install the Site Palette plugin from Figma Community to keep your color workflow close to your design files and move from inspiration to palette faster. </p><ul class="figma-plugin__list" data-v-7d287cde><li class="figma-plugin__list-item" data-v-7d287cde> Quick access from your Figma workspace </li><li class="figma-plugin__list-item" data-v-7d287cde> A familiar Site Palette workflow for designers </li><li class="figma-plugin__list-item" data-v-7d287cde> One click to open the plugin page and install it </li></ul>',4),l={class:"figma-plugin__button",href:"https://www.figma.com/community/plugin/1631159048065020915/site-palette",target:"_blank",rel:"noopener noreferrer"},d=["src"],u={class:"figma-plugin__card"},p={class:"figma-plugin__stack"},b={class:"figma-plugin__palette-name"},f={class:"figma-plugin__swatches"};function h(e,t,a,h,g,m){return Object(o["v"])(),Object(o["f"])("section",s,[Object(o["g"])("div",i,[Object(o["g"])("div",r,[Object(o["g"])("div",n,[c,Object(o["g"])("a",l,[Object(o["g"])("img",{class:"figma-plugin__button-icon",src:g.iconFigma,alt:"Figma icon"},null,8,d),Object(o["i"])(" Add to Figma ")])]),Object(o["g"])("div",u,[Object(o["g"])("ul",p,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(g.palettes,e=>(Object(o["v"])(),Object(o["f"])("li",{key:e.name,class:"figma-plugin__palette"},[Object(o["g"])("span",b,Object(o["H"])(e.name),1),Object(o["g"])("span",f,[(Object(o["v"])(!0),Object(o["f"])(o["a"],null,Object(o["B"])(e.colors,(e,t)=>(Object(o["v"])(),Object(o["f"])("span",{key:t,class:"figma-plugin__swatch",style:Object(o["r"])({background:e})},null,4))),128))])]))),128))])])])])])}var g=a("68ca"),m=a.n(g),v={data(){return{iconFigma:m.a,palettes:[{name:"stripe.com",colors:["#635BFF","#0A2540","#00D4FF","#425466","#F6F9FC"]},{name:"linear.app",colors:["#5E6AD2","#1C1C1F","#E1E2E6","#8A8F98","#F4F5F8"]},{name:"vercel.com",colors:["#000000","#0070F3","#7928CA","#FF0080","#EAEAEA"]}]}}},y=(a("fde5"),a("6b0d")),j=a.n(y);const O=j()(v,[["render",h],["__scopeId","data-v-7d287cde"]]);t["default"]=O},c777:function(e,t,a){"use strict";a("efbe")},c83c:function(e,t,a){},c9d9:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));const o="pekhihjiehdafocefoimckjpbkegknoh"},ca86:function(e,t,a){"use strict";a("dc48")},ce3f:function(e,t,a){"use strict";a("50ea")},cfbd:function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s=e=>(Object(o["y"])("data-v-4b9c9837"),e=e(),Object(o["w"])(),e),i={class:"testimonials padding"},r={class:"container"},n={class:"testimonials__content"},c=s(()=>Object(o["g"])("h2",{class:"testimonials__title"},"Our product is in the spotlight!",-1));function l(e,t,s,l,d,u){const p=Object(o["D"])("Testimonial");return Object(o["v"])(),Object(o["f"])("section",i,[Object(o["g"])("div",r,[Object(o["g"])("div",n,[c,Object(o["j"])(p,{img:""+a("504d"),quote:"Site Palette is another great Chrome Extension that will analyze a site’s color palette and then list it out for you.",author:"Chris Misterek",job:"Creator of Self-Made Web Designer",link:"https://selfmadewebdesigner.com/how-to-build-a-web-design-side-hustle-with-no-experience-complete-manual/"},null,8,["img"])])])])}var d=a("6f90");const u={class:"testimonial"},p=["src"],b={class:"testimonial__content"},f={cite:""};function h(e,t,a,s,i,r){const n=Object(o["D"])("Button");return Object(o["v"])(),Object(o["f"])("div",u,[Object(o["g"])("img",{src:a.img,alt:"",class:"testimonial__img"},null,8,p),Object(o["g"])("div",b,[Object(o["g"])("blockquote",f,Object(o["H"])(a.quote),1),Object(o["g"])("p",null,Object(o["H"])(a.author),1),Object(o["g"])("p",null,Object(o["H"])(a.job),1),Object(o["j"])(n,{link:a.link,text:"Read article",targetBlank:""},null,8,["link"])])])}var g={components:{Button:d["a"]},props:{img:{type:String,required:!0},quote:{type:String,required:!0},author:{type:String,required:!0},job:{type:String},link:{type:String,required:!0}}},m=(a("d1f8"),a("6b0d")),v=a.n(m);const y=v()(g,[["render",h],["__scopeId","data-v-2b08a1e2"]]);var j=y,O={components:{Button:d["a"],Testimonial:j}};a("3e72");const _=v()(O,[["render",l],["__scopeId","data-v-4b9c9837"]]);t["default"]=_},d1f8:function(e,t,a){"use strict";a("c2a1")},d256:function(e,t,a){"use strict";a("68bd")},d45c:function(e,t,a){},d709:function(e,t,a){e.exports=a.p+"img/logo-black.ca57614e.svg"},d9a1:function(e,t,a){e.exports=a.p+"img/howit-second.ca9e7a44.png"},dc48:function(e,t,a){},ddfe:function(e,t,a){e.exports=a.p+"img/install-ff.898faf67.gif"},deba:function(e,t,a){},deea:function(e,t,a){},df37:function(e,t,a){"use strict";a("3ee0")},e140:function(e,t,a){"use strict";a("036e")},e41a:function(e,t,a){"use strict";a("3ebc")},e4aa:function(e,t,a){"use strict";a("ba15")},ea87:function(e,t,a){},edba:function(e,t,a){"use strict";a.r(t);var o=a("7a23"),s=a("abaa"),i=a.n(s);const r=e=>(Object(o["y"])("data-v-84d29bb2"),e=e(),Object(o["w"])(),e),n={class:"header padding"},c={class:"container"},l={class:"header__content"},d=r(()=>Object(o["g"])("a",{href:"/",class:"header__logo","aria-label":"link to main page"},[Object(o["g"])("img",{src:i.a,alt:"logo"})],-1)),u={class:"header__navigation"},p={class:"header__navigation header__navigation_login"};function b(e,t,a,s,i,r){const b=Object(o["D"])("router-link");return Object(o["v"])(),Object(o["f"])("header",n,[Object(o["g"])("div",c,[Object(o["g"])("div",l,[d,Object(o["N"])(Object(o["g"])("nav",u,[Object(o["j"])(b,{to:r.pricingLink,class:"header__link link_pricing"},{default:Object(o["M"])(()=>[Object(o["i"])("Pricing")]),_:1},8,["to"]),Object(o["j"])(b,{to:"/sign-in",class:"header__link link_sign-in"},{default:Object(o["M"])(()=>[Object(o["i"])("Sign in")]),_:1})],512),[[o["K"],!s.isLogin]]),Object(o["N"])(Object(o["g"])("nav",p,[Object(o["N"])(Object(o["j"])(b,{to:"/palettes",class:"header__link link_pricing header__link_login"},{default:Object(o["M"])(()=>[Object(o["i"])("My palettes")]),_:1},512),[[o["K"],!s.isExpired]]),Object(o["j"])(b,{to:"/profile",class:"header__link link_pricing header__link_login"},{default:Object(o["M"])(()=>[Object(o["i"])("My profile")]),_:1})],512),[[o["K"],s.isLogin]])])])])}var f=a("5502"),h={data(){return{}},setup(){const e=Object(f["b"])();let t=Boolean(e.state.userToken),a=!!e.state.user&&e.state.user.expired;return{isLogin:t,isExpired:a}},computed:{pricingLink(){const e=["not-found","/help","/install-ff","/privacy","/tos"];return e.includes(this.$route.path)?"/#pricing":"#pricing"}}},g=(a("a8f4"),a("6b0d")),m=a.n(g);const v=m()(h,[["render",b],["__scopeId","data-v-84d29bb2"]]);t["default"]=v},ee86:function(e,t,a){"use strict";a.r(t);var o=a("7a23");const s={class:"landing-page"};function i(e,t,a,i,r,n){const c=Object(o["D"])("Header"),l=Object(o["D"])("Pricing"),d=Object(o["D"])("ProductHunt"),u=Object(o["D"])("Footer");return Object(o["v"])(),Object(o["f"])("section",s,[Object(o["j"])(c),Object(o["C"])(e.$slots,"default",{}

1,void 0,!0),Object(o["j"])(l),Object(o["j"])(d),Object(o["j"])(u)])}var r=a("edba"),n=a("16cf"),c=a("a43e"),l=a("2564"),d={components:{Header:r["default"],Pricing:n["default"],ProductHunt:c["default"],Footer:l["default"]}},u=(a("6053"),a("6b0d")),p=a.n(u);const b=p()(d,[["render",i],["__scopeId","data-v-352baf8c"]]);t["default"]=b},ef13:function(e,t,a){e.exports=a.p+"img/FAQ-3.54e86626.gif"},efbe:function(e,t,a){},f04a:function(e,t,a){"use strict";a("d9e2");class o{constructor(e){this._mainUrl=e}_getResponseData(e){if(e.ok)return e.json();const t=new Error("Ошибка: "+e.status);return t.statusCode=e.status,Promise.reject(t)}login(e){return fetch(this._mainUrl+"/login",{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer "+e}}).then(this._getResponseData)}logout(e){return fetch(this._mainUrl+"/users/logout",{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer "+e}})}getUser(e){return fetch(this._mainUrl+"/users/me",{headers:{authorization:"Bearer "+e}}).then(this._getResponseData)}getPalettes(e){return fetch(this._mainUrl+"/palettes",{headers:{authorization:"Bearer "+e}}).then(this._getResponseData)}getPaletteById(e){return fetch(`${this._mainUrl}/palettes/${e}`).then(this._getResponseData)}deletePalette(e,t){return fetch(`${this._mainUrl}/palettes/${t}`,{method:"DELETE",headers:{authorization:"Bearer "+e,"Content-Type":"application/json"}}).then(this._getResponseData)}sendPayment(e,t){return fetch(`${this._mainUrl}/payment/billing${t?"?isLifetime=true":""}`,{method:"GET",headers:{authorization:"Bearer "+e,"Content-Type":"application/json"}}).then(this._getResponseData)}changePlan(e){return fetch(this._mainUrl+"/payment/upgrade",{method:"GET",headers:{authorization:"Bearer "+e,"Content-Type":"application/json"}}).then(this._getResponseData)}}const s=new o("https://api.palette.site");t["a"]=s},f369:function(e,t,a){"use strict";a("1b0d")},f3d2:function(e,t,a){e.exports=a.p+"img/overview.ddbe5c43.webp"},f706:function(e,t,a){"use strict";a("787c")},f92c:function(e,t,a){},fde5:function(e,t,a){"use strict";a("34e4")},ff8e:function(e,t,a){e.exports=a.p+"img/logo-white.6ba4f0d3.svg"}});
2//# sourceMappingURL=app.792e273d.js.map