CINXE.COM

<!DOCTYPE html><html lang="en-ID"><head><title>15 Eye-Catching Website Color Schemes and How To Use Them (2024) - Shopify Indonesia</title><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="description" content="Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes."/><meta property="fb:pages" content="20409006880"/><meta property="fb:app_id" content="847460188612391"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Shopify"/><meta property="og:title" content="15 Eye-Catching Website Color Schemes and How To Use Them (2024) - Shopify Indonesia"/><meta property="og:description" content="Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes."/><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913"/><meta property="twitter:image" content="https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913"/><meta property="og:url" content="https://www.shopify.com/id/blog/website-color-schemes"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:site" content="Shopify"/><meta property="twitter:account_id" content="17136315"/><meta property="twitter:title" content="15 Eye-Catching Website Color Schemes and How To Use Them (2024) - Shopify Indonesia"/><meta property="twitter:description" content="Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes."/><meta name="robots" content="index, follow, max-image-preview:large"/><link rel="alternate" hreflang="en-ID" href="https://www.shopify.com/id/blog/website-color-schemes"/><link rel="alternate" hreflang="en-ca" href="https://www.shopify.com/ca/blog/website-color-schemes"/><link rel="alternate" hreflang="en-gb" href="https://www.shopify.com/uk/blog/website-color-schemes"/><link rel="alternate" hreflang="en-au" href="https://www.shopify.com/au/blog/website-color-schemes"/><link rel="alternate" hreflang="en-id" href="https://www.shopify.com/id/blog/website-color-schemes"/><link rel="alternate" hreflang="en-nz" href="https://www.shopify.com/nz/blog/website-color-schemes"/><link rel="alternate" hreflang="en-za" href="https://www.shopify.com/za/blog/website-color-schemes"/><link rel="alternate" hreflang="en-ng" href="https://www.shopify.com/ng/blog/website-color-schemes"/><link rel="alternate" hreflang="en-ph" href="https://www.shopify.com/ph/blog/website-color-schemes"/><link rel="alternate" hreflang="en-sg" href="https://www.shopify.com/sg/blog/website-color-schemes"/><link rel="alternate" hreflang="en-hk" href="https://www.shopify.com/hk/blog/website-color-schemes"/><link rel="alternate" hreflang="en-ie" href="https://www.shopify.com/ie/blog/website-color-schemes"/><link rel="alternate" hreflang="en-my" href="https://www.shopify.com/my/blog/website-color-schemes"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--medium.woff2"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-TmMMQoVD.css"/><link rel="icon" href="https://cdn.shopify.com/shopifycloud/web/assets/v1/favicon-default-6cbad9de243dbae3.ico" type="image/x-icon"/><link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png"/><link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png"/><link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png"/><link rel="canonical" href="https://www.shopify.com/id/blog/website-color-schemes"/><link href="https://cdn.shopify.com" rel="preconnect"/><link href="https://gtm.shopify.com" rel="preconnect"/><link href="https://www.googletagmanager.com" rel="preconnect"/></head><body class="overscroll-y-none"><div class="absolute top-2 left-2 z-[100] pointer-events-none"><a href="#main" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-dark-primary-text bg-button-dark-primary-bg border-button-dark-primary-border ring-button-dark-primary-border hover:text-button-dark-primary-text-hover hover:bg-button-dark-primary-bg-hover hover:border-button-dark-primary-border-hover hover:ring-button-dark-primary-border-hover focus:text-button-dark-primary-text-focus focus:bg-button-dark-primary-bg-focus focus:border-button-dark-primary-border-focus focus:ring-button-dark-primary-border-focus active:text-button-dark-primary-text-active active:bg-button-dark-primary-bg-active active:border-button-dark-primary-border-active active:ring-button-dark-primary-border-active disabled:text-button-dark-primary-text-disabled disabled:bg-button-dark-primary-bg-disabled disabled:border-button-dark-primary-border-disabled disabled:ring-button-dark-primary-border-disabled transition-transform duration-300 translate-y-[-200%] motion-reduce:transition-none focus:translate-y-0" data-component-name="button" data-mode="dark" target="">Skip to Content</a></div><div class="relative"><header class="font-shopifysans absolute h-full w-full pointer-events-none z-50" data-component-name="global-nav" data-viewable-component="true" data-has-secondary-navigation="true"><div class="after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 w-full z-50 after:bg-white text-black after:opacity-100 -top-global-header pointer-events-auto sticky"><div class="h-global-header px-margin xl:px-auto-xl flex items-center z-20 relative"><div class="lg:w-[125px] mr-12 w-[98px] shrink-0"><a href="/id/" data-component-name="logo-home"><svg viewBox="0 0 608 173.7" role="img" aria-label="Shopify"><title>Shopify</title><path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"></path><path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"></path><path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5z"></path><path d="M210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"></path></svg></a></div><nav class="lg:flex hidden h-full" aria-label="Main" itemscope="" itemType="https://schema.org/SiteNavigationElement" data-click-outside="dismiss" data-component-name="desktop-main-navigation" data-viewable-component="true"><ul class="flex h-full"><li class="mr-8 text-base"><div class="relative flex h-full after:content[""] after:block after:h-[3px] after:w-full after:absolute after:bottom-0 after:scale-0 after:origin-left after:transition-transform after:duration-[350ms] after:ease-[bezier(0.66, 0.66, 0.34, 1.00)] after:motion-reduce:transition-none hover:underline after:bg-black text-black"><button type="button" class="bg-transparent whitespace-nowrap" data-component-name="Solutions-toggle-open" aria-controls="SolutionsDesktopMenu" aria-expanded="false" aria-haspopup="true"><span class="mr-3">Solutions</span><div aria-hidden="true" class="relative inline-block h-[7px] w-3 cursor-pointer"><div class="inline-block rounded border-b-8 h-2 w-[2px] origin-center transition-all ease-[bezier(0.66, 0.66, 0.34, 1.00)] duration-[350ms] motion-reduce:transition-none border-black bg-black -translate-x-[3px] rotate-[135deg]"></div><div class="inline-block rounded border-b-8 h-2 w-[2px] origin-center transition-all ease-[bezier(0.66, 0.66, 0.34, 1.00)] duration-[350ms] motion-reduce:transition-none border-black bg-black -rotate-[135deg]"></div></div></button></div><div id="SolutionsDesktopMenu" class="absolute inset-x-0 top-global-header z-[21] transition-transform duration-[452ms] ease-[cubic-bezier(0.26,1.00,0.48,1.00)] motion-reduce:transition-none before:absolute before:inset-x-0 before:top-0 before:w-full before:h-full before:left-0 before:shadow-xl before:pointer-events-none before:z-10 bg-white text-black bg-white text-black opacity-0 pointer-events-none -translate-y-[10px]"><div class="relative no-scrollbar overflow-y-auto overflow-x-clip max-h-[calc(100vh-72px)] z-20 pb-28"><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-x-gutter gap-y-0"><div class="col-span-3 col-start-1 pt-8 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#white_circle_svg__a)"><path d="M19 21.5v-3h-2.5v1a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V14a1 1 0 0 1 1-1h1.5a1 1 0 0 1 1 1v1h6.75s4.25 0 4.25 4.5c0 0-2.25-1-5-1v3m-3.5 0h3.5m-3.5 0v6m3.5-6v6M39.25 20c0 10.631-8.619 19.25-19.25 19.25S.75 30.631.75 20 9.369.75 20 .75 39.25 9.369 39.25 20Z" stroke="url(#start_svg__b)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></span><span id="subNavItem-Start" class="font-bold text-t7 inline-block">Start</span></div><ul class="pb-2" aria-labelledby="subNavItem-Start"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/start"><div class="text-base font-medium"><span class="inline-block arrow-animation">Start your business<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Build your brand</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/website/builder"><div class="text-base font-medium"><span class="inline-block arrow-animation">Create your website<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Online store editor</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="https://themes.shopify.com/" aria-label="External source: Customize your store . Store themes"><div class="text-base font-medium"><span class="inline-block arrow-animation">Customize your store<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Store themes</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="https://apps.shopify.com/" aria-label="External source: Find business apps . Shopify app store"><div class="text-base font-medium"><span class="inline-block arrow-animation">Find business apps<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Shopify app store</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/domains"><div class="text-base font-medium"><span class="inline-block arrow-animation">Own your site domain<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Domains & hosting</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/tools"><div class="text-base font-medium"><span class="inline-block arrow-animation">Explore free business tools<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Tools to run your business</div></a></li></ul></div><div class="col-span-3 col-start-4 pt-8 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#white_circle_svg__a)"><path d="M12.75 21.5v4c0 .966 2.35 1.75 5.25 1.75s5.25-.784 5.25-1.75v-4m4-7c0 .966-2.35 1.75-5.25 1.75s-5.25-.784-5.25-1.75m10.5 0c0-.966-2.35-1.75-5.25-1.75s-5.25.784-5.25 1.75m10.5 0v4.25c0 .46-.533.88-1.405 1.192M16.75 14.5V17m6.5 4.25c0 .966-2.35 1.75-5.25 1.75s-5.25-.784-5.25-1.75S15.1 19.5 18 19.5s5.25.784 5.25 1.75Zm16-1.25c0 10.631-8.619 19.25-19.25 19.25S.75 30.631.75 20 9.369.75 20 .75 39.25 9.369 39.25 20Z" stroke="url(#sell_svg__a)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></span><span id="subNavItem-Sell" class="font-bold text-t7 inline-block">Sell</span></div><ul class="pb-2" aria-labelledby="subNavItem-Sell"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/sell"><div class="text-base font-medium"><span class="inline-block arrow-animation">Sell your products<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Sell online or in person</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/online"><div class="text-base font-medium"><span class="inline-block arrow-animation">Sell online<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Grow your business online</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/channels"><div class="text-base font-medium"><span class="inline-block arrow-animation">Sell across channels<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Reach millions of shoppers and boost sales</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/pos"><div class="text-base font-medium"><span class="inline-block arrow-animation">Sell in person<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Point of Sale (POS)</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/markets"><div class="text-base font-medium"><span class="inline-block arrow-animation">Sell globally<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">International sales</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/plus/solutions/b2b-ecommerce"><div class="text-base font-medium"><span class="inline-block arrow-animation">Sell wholesale & direct<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Business-to-business (B2B)</div></a></li></ul></div><div class="col-span-3 col-start-7 pt-8 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#white_circle_svg__a)"><path d="m12.75 19.25 5.5-5.5m1 2.5v-3.5h-3.5m-2 14.5h.5a1 1 0 0 0 1-1v-2.5a1 1 0 0 0-1-1h-.5a1 1 0 0 0-1 1v2.5a1 1 0 0 0 1 1Zm6 0h.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1h-.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1Zm6 0h.5a1 1 0 0 0 1-1v-12.5a1 1 0 0 0-1-1h-.5a1 1 0 0 0-1 1v12.5a1 1 0 0 0 1 1ZM39.25 20c0 10.631-8.619 19.25-19.25 19.25S.75 30.631.75 20 9.369.75 20 .75 39.25 9.369 39.25 20Z" stroke="url(#market_svg__a)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></span><span id="subNavItem-Market" class="font-bold text-t7 inline-block">Market</span></div><ul class="pb-2" aria-labelledby="subNavItem-Market"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/marketing"><div class="text-base font-medium"><span class="inline-block arrow-animation">Market your business<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Reach & retain customers</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/facebook-instagram"><div class="text-base font-medium"><span class="inline-block arrow-animation">Market across social<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Social media integrations</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/inbox"><div class="text-base font-medium"><span class="inline-block arrow-animation">Chat with customers<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Shopify Inbox</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/email-marketing"><div class="text-base font-medium"><span class="inline-block arrow-animation">Nurture customers<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Shopify Email</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/segmentation"><div class="text-base font-medium"><span class="inline-block arrow-animation">Know your audience<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Gain customer insights</div></a></li></ul></div><div class="col-span-3 col-start-10 pt-8 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#white_circle_svg__a)"><path d="M12.75 15.75c0 1.243.75 2.5 2.25 2.5s2.5-1.257 2.5-2.5c0 1.243 1 2.5 2.5 2.5s2.5-1.257 2.5-2.5c0 1.243 1 2.5 2.5 2.5s2.25-1.257 2.25-2.5m-12.5 11.5h10.5a2 2 0 0 0 2-2v-9.067a2 2 0 0 0-.179-.827l-.538-1.184A2 2 0 0 0 24.713 13h-9.425a2 2 0 0 0-1.82 1.172l-.538 1.184a2 2 0 0 0-.18.827v9.067a2 2 0 0 0 2 2Zm3-3.5a2 2 0 0 1 2-2h.5a2 2 0 0 1 2 2v3.5h-4.5v-3.5ZM39.25 20c0 10.631-8.619 19.25-19.25 19.25S.75 30.631.75 20 9.369.75 20 .75 39.25 9.369 39.25 20Z" stroke="url(#manage_svg__a)" stroke-width="1.5" stroke-linecap="round"></path></g></svg></span><span id="subNavItem-Manage" class="font-bold text-t7 inline-block">Manage</span></div><ul class="pb-2" aria-labelledby="subNavItem-Manage"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/manage"><div class="text-base font-medium"><span class="inline-block arrow-animation">Manage your business<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Track sales, orders & analytics</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/analytics"><div class="text-base font-medium"><span class="inline-block arrow-animation">Measure your performance<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Analytics and Reporting</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/orders"><div class="text-base font-medium"><span class="inline-block arrow-animation">Manage your stock & orders<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Inventory & order management</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/flow"><div class="text-base font-medium"><span class="inline-block arrow-animation">Automate your business<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Shopify Flow</div></a></li></ul></div></div></div><div class="absolute bottom-0 inset-x-0 overflow-hidden z-20"><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-x-gutter gap-y-0"><div class="col-span-12 col-start-1 scheme-white:bg-shade-10 scheme-transparent-light:bg-shade-10 scheme-black:bg-shade-90 scheme-transparent-dark:bg-shade-90 relative after:absolute after:left-full after:top-[-1px] after:w-[100vw] after:h-[calc(100%+1px)] scheme-white:after:bg-shade-10 scheme-transparent-light:after:bg-shade-10 scheme-black:after:bg-shade-90 scheme-transparent-dark:after:bg-shade-90 scheme-black:text-white scheme-transparent-dark:text-white -ml-[var(--margin)] -mt-8 md:mt-0 pl-[var(--margin)] pt-6 before:content-[''] before:absolute before:right-full before:top-[-1px] before:w-[100vw] before:h-[calc(100%+1px)] scheme-white:before:bg-shade-10 scheme-transparent-light:before:bg-shade-10 scheme-black:before:bg-shade-90 scheme-transparent-dark:before:bg-shade-90 border-t scheme-white:border-shade-20 scheme-transparent-light:border-shade-20 scheme-black:border-shade-70 scheme-transparent-dark:border-shade-70 before:border-t scheme-white:before:border-shade-20 scheme-transparent-light:before:border-shade-20 scheme-black:before:border-shade-70 scheme-transparent-dark:before:border-shade-70 after:border-t scheme-white:after:border-shade-20 scheme-transparent-light:after:border-shade-20 scheme-black:after:border-shade-70 scheme-transparent-dark:after:border-shade-70 -translate-y-[30px]" data-background="white"><ul class="grid grid-cols-12 gap-x-gutter gap-y-0 pb-0"><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><a class="group inline-block w-full text-black hover:text-black" href="https://shopify.dev" aria-label="External source: Shopify Developers . Build with Shopify's powerful APIs"><div class="text-base font-medium"><span class="inline-block arrow-animation">Shopify Developers<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Build with Shopify's powerful APIs</div></a></li><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><a class="group inline-block w-full text-black hover:text-black" href="/id/plus"><div class="text-base font-medium"><span class="inline-block arrow-animation">Plus<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">A commerce solution for growing digital brands</div></a></li><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><a class="group inline-block w-full text-black hover:text-black" href="/id/products"><div class="text-base font-medium"><span class="inline-block arrow-animation">All Products<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Explore all Shopify products & features</div></a></li></ul></div></div></div></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="/id/pricing">Pricing</a></div></li><li class="mr-8 text-base"><div class="relative flex h-full after:content[""] after:block after:h-[3px] after:w-full after:absolute after:bottom-0 after:scale-0 after:origin-left after:transition-transform after:duration-[350ms] after:ease-[bezier(0.66, 0.66, 0.34, 1.00)] after:motion-reduce:transition-none hover:underline after:bg-black text-black"><button type="button" class="bg-transparent whitespace-nowrap" data-component-name="Resources-toggle-open" aria-controls="ResourcesDesktopMenu" aria-expanded="false" aria-haspopup="true"><span class="mr-3">Resources</span><div aria-hidden="true" class="relative inline-block h-[7px] w-3 cursor-pointer"><div class="inline-block rounded border-b-8 h-2 w-[2px] origin-center transition-all ease-[bezier(0.66, 0.66, 0.34, 1.00)] duration-[350ms] motion-reduce:transition-none border-black bg-black -translate-x-[3px] rotate-[135deg]"></div><div class="inline-block rounded border-b-8 h-2 w-[2px] origin-center transition-all ease-[bezier(0.66, 0.66, 0.34, 1.00)] duration-[350ms] motion-reduce:transition-none border-black bg-black -rotate-[135deg]"></div></div></button></div><div id="ResourcesDesktopMenu" class="absolute inset-x-0 top-global-header z-[21] transition-transform duration-[452ms] ease-[cubic-bezier(0.26,1.00,0.48,1.00)] motion-reduce:transition-none before:absolute before:inset-x-0 before:top-0 before:w-full before:h-full before:left-0 before:shadow-xl before:pointer-events-none before:z-10 bg-white text-black bg-white text-black opacity-0 pointer-events-none -translate-y-[10px]"><div class="relative no-scrollbar overflow-y-auto overflow-x-clip max-h-[calc(100vh-72px)] z-20"><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-x-gutter gap-y-0"><div class="col-span-3 col-start-1 pt-8 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#help-and-support_svg__a)"><circle cx="20" cy="20" r="19.25" stroke="currentColor" stroke-width="1.5"></circle><path d="M20 20v6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 16.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="currentColor"></path></g></svg></span><span id="subNavItem-Help and support" class="font-bold text-t7 inline-block">Help and support</span></div><ul class="pb-2" aria-labelledby="subNavItem-Help and support"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="https://help.shopify.com/en/" aria-label="External source: Help and support . Get 24/7 support"><div class="text-base font-medium"><span class="inline-block arrow-animation">Help and support<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Get 24/7 support</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/topics/guides"><div class="text-base font-medium"><span class="inline-block arrow-animation">How-to guides<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Read in-depth business guides</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="https://academy.shopify.com" aria-label="External source: Business courses . Learn from proven experts"><div class="text-base font-medium"><span class="inline-block arrow-animation">Business courses<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Learn from proven experts</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog"><div class="text-base font-medium"><span class="inline-block arrow-animation">Shopify blog<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Business strategy tips</div></a></li></ul></div><div class="col-span-6 col-start-4 pt-8 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#white_circle_svg__a)" stroke="currentColor" stroke-width="1.5"><circle cx="20" cy="20" r="19.25"></circle><path d="m22.023 15.04 3 3M12.75 27.25l4.25-1 9.95-9.95a1 1 0 0 0 0-1.413l-1.837-1.836a1 1 0 0 0-1.414 0L13.75 23l-1 4.25Z" stroke-linecap="round" stroke-linejoin="round"></path></g></svg></span><span id="subNavItem-Popular topics" class="font-bold text-t7 inline-block">Popular topics</span></div><ul class="pb-2 columns-2" aria-labelledby="subNavItem-Popular topics"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/what-is-shopify"><div class="text-base font-medium"><span class="inline-block arrow-animation">What is Shopify?<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">How our commerce platform works</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/editions"><div class="text-base font-medium"><span class="inline-block arrow-animation">Shopify Editions<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">New, innovative Shopify products</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/topics/founder-stories"><div class="text-base font-medium"><span class="inline-block arrow-animation">Founder stories<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Learn from successful merchants</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/how-to-build-a-brand"><div class="text-base font-medium"><span class="inline-block arrow-animation">Branding<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Build your brand from scratch</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/marketing-plan"><div class="text-base font-medium"><span class="inline-block arrow-animation">Marketing<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Build a marketing plan</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/ecommerce-seo-beginners-guide"><div class="text-base font-medium"><span class="inline-block arrow-animation">Ecommerce SEO<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Improve your search ranking</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/blog/social-media-marketing-strategy"><div class="text-base font-medium"><span class="inline-block arrow-animation">Social media strategy<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Turn social into sales</div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/how-to-scale-small-business"><div class="text-base font-medium"><span class="inline-block arrow-animation">Business growth<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Scale your business</div></a></li></ul></div><div class="col-span-3 col-start-10 pt-8 scheme-white:bg-shade-10 scheme-transparent-light:bg-shade-10 scheme-black:bg-shade-90 scheme-transparent-dark:bg-shade-90 pl-10 relative after:absolute after:left-full after:top-[-1px] after:w-[100vw] after:h-[calc(100%+1px)] scheme-white:after:bg-shade-10 scheme-transparent-light:after:bg-shade-10 scheme-black:after:bg-shade-90 scheme-transparent-dark:after:bg-shade-90 scheme-black:text-white scheme-transparent-dark:text-white border-l scheme-white:border-shade-20 scheme-transparent-light:border-shade-20 scheme-black:border-shade-70 scheme-transparent-dark:border-shade-70 -translate-y-[30px]" data-background="white"><div class="flex items-center border-shade-30 mb-6 border-b pb-4 text-lg font-bold"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="40" height="40" fill="none"><g clip-path="url(#white_circle_svg__a)" stroke="currentColor" stroke-width="1.5"><circle cx="20" cy="20" r="19.25"></circle><path d="M16.75 16.75v-2a2 2 0 0 1 2-2h2.5a2 2 0 0 1 2 2v2m-2 4v1.5a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1v-1.5m2.5 0a1 1 0 0 0-1-1h-.5a1 1 0 0 0-1 1m2.5 0h6m-8.5 0h-6m2 6.5h10.5a2 2 0 0 0 2-2v-6.5a2 2 0 0 0-2-2h-10.5a2 2 0 0 0-2 2v6.5a2 2 0 0 0 2 2Z"></path></g></svg></span><span id="subNavItem-Essential tools" class="font-bold text-t7 inline-block">Essential tools</span></div><ul class="pb-2" aria-labelledby="subNavItem-Essential tools"><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/tools/logo-maker"><div class="text-base font-medium"><span class="inline-block arrow-animation">Logo maker<span class="sr-only">.</span></span></div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="https://www.shopify.com/stock-photos" aria-label="External source: Stock photography ."><div class="text-base font-medium"><span class="inline-block arrow-animation">Stock photography<span class="sr-only">.</span></span></div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/id/blog/business-plan-template"><div class="text-base font-medium"><span class="inline-block arrow-animation">Business plan template<span class="sr-only">.</span></span></div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="https://www.linkpop.com/" aria-label="External source: Link in bio tool ."><div class="text-base font-medium"><span class="inline-block arrow-animation">Link in bio tool<span class="sr-only">.</span></span></div></a></li><li class="flex mb-6 pr-4"><a class="group inline-block w-full text-black hover:text-black" href="/tools/qr-code-generator"><div class="text-base font-medium"><span class="inline-block arrow-animation">QR code generator<span class="sr-only">.</span></span></div></a></li></ul></div></div></div></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="/id/enterprise">Enterprise</a></div></li><li class="mr-8 text-base"><div class="relative flex h-full after:content[""] after:block after:h-[3px] after:w-full after:absolute after:bottom-0 after:scale-0 after:origin-left after:transition-transform after:duration-[350ms] after:ease-[bezier(0.66, 0.66, 0.34, 1.00)] after:motion-reduce:transition-none hover:underline after:bg-black text-black"><button type="button" class="bg-transparent whitespace-nowrap" data-component-name="What’s new-toggle-open" aria-controls="What’s newDesktopMenu" aria-expanded="false" aria-haspopup="true"><span class="mr-3">What’s new</span><div aria-hidden="true" class="relative inline-block h-[7px] w-3 cursor-pointer"><div class="inline-block rounded border-b-8 h-2 w-[2px] origin-center transition-all ease-[bezier(0.66, 0.66, 0.34, 1.00)] duration-[350ms] motion-reduce:transition-none border-black bg-black -translate-x-[3px] rotate-[135deg]"></div><div class="inline-block rounded border-b-8 h-2 w-[2px] origin-center transition-all ease-[bezier(0.66, 0.66, 0.34, 1.00)] duration-[350ms] motion-reduce:transition-none border-black bg-black -rotate-[135deg]"></div></div></button></div><div id="What’s newDesktopMenu" class="absolute inset-x-0 top-global-header z-[21] transition-transform duration-[452ms] ease-[cubic-bezier(0.26,1.00,0.48,1.00)] motion-reduce:transition-none before:absolute before:inset-x-0 before:top-0 before:w-full before:h-full before:left-0 before:shadow-xl before:pointer-events-none before:z-10 bg-white text-black bg-white text-black opacity-0 pointer-events-none -translate-y-[10px]"><div class="relative no-scrollbar overflow-y-auto overflow-x-clip max-h-[calc(100vh-72px)] z-20"><div class="container grid grid-cols-4 sm:grid-cols-8 md:grid-cols-12 gap-x-gutter gap-y-0"><div class="col-span-12 col-start-1 pt-8 -translate-y-[30px]" data-background="white"><ul class="grid grid-cols-12 gap-x-gutter gap-y-0 pb-0"><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_213_1921)"><path d="M39.5 21C39.5 31.6315 30.8815 40.25 20.25 40.25C9.61852 40.25 1 31.6315 1 21C1 10.3685 9.61852 1.75 20.25 1.75C30.8815 1.75 39.5 10.3685 39.5 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><rect x="13" y="14" width="15" height="14" rx="2" stroke="currentColor" stroke-width="1.5"></rect><path d="M25 24L19 24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M25 21L19 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M25 18L19 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M17 18L16 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M17 21L16 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M17 24L16 24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></g><defs><clipPath id="clip0_213_1921"><rect width="40.5" height="40.5" fill="white" transform="translate(0 0.75)"></rect></clipPath></defs></svg></span><a class="group inline-block w-full text-black hover:text-black" href="https://changelog.shopify.com" aria-label="External source: Changelog . Your source for recent updates"><div class="text-base font-medium"><span class="inline-block arrow-animation">Changelog<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Your source for recent updates</div></a></li><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_213_1927)"><path d="M39.75 21C39.75 31.6315 31.1315 40.25 20.5 40.25C9.86852 40.25 1.25 31.6315 1.25 21C1.25 10.3685 9.86852 1.75 20.5 1.75C31.1315 1.75 39.75 10.3685 39.75 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25 22L16 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M20 25L16 25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M16 17C16 16.4477 16.4477 16 17 16H24C24.5523 16 25 16.4477 25 17V18C25 18.5523 24.5523 19 24 19H17C16.4477 19 16 18.5523 16 18V17Z" stroke="currentColor" stroke-width="1.5"></path><rect x="13" y="13" width="15" height="15" rx="2" stroke="currentColor" stroke-width="1.5"></rect></g><defs><clipPath id="clip0_213_1927"><rect width="40.5" height="40.5" fill="white" transform="translate(0.25 0.75)"></rect></clipPath></defs></svg></span><a class="group inline-block w-full text-black hover:text-black" href="/id/editions/summer2024"><div class="text-base font-medium"><span class="inline-block arrow-animation">Summer ’24 Edition<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">The latest 100+ product updates</div></a></li><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="41" height="42" viewBox="0 0 41 42" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_213_2183)"><path d="M40 21C40 31.6315 31.3815 40.25 20.75 40.25C10.1185 40.25 1.5 31.6315 1.5 21C1.5 10.3685 10.1185 1.75 20.75 1.75C31.3815 1.75 40 10.3685 40 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M27 21L18 21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M22 24L18 24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M18 16C18 15.4477 18.4477 15 19 15H26C26.5523 15 27 15.4477 27 16V17C27 17.5523 26.5523 18 26 18H19C18.4477 18 18 17.5523 18 17V16Z" stroke="currentColor" stroke-width="1.5"></path><path d="M15 14C15 12.8954 15.8954 12 17 12H28C29.1046 12 30 12.8954 30 14V25C30 26.1046 29.1046 27 28 27H17C15.8954 27 15 26.1046 15 25V14Z" stroke="currentColor" stroke-width="1.5"></path><path d="M14 16V16C12.8954 16 12 16.8954 12 18V28C12 29.1046 12.8954 30 14 30H24.5C25.6046 30 26.5 29.1046 26.5 28V28" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></g><defs><clipPath id="clip0_213_2183"><rect width="40.5" height="40.5" fill="white" transform="translate(0.5 0.75)"></rect></clipPath></defs></svg></span><a class="group inline-block w-full text-black hover:text-black" href="/editions/all"><div class="text-base font-medium"><span class="inline-block arrow-animation">All Editions<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">Archive of past Shopify Editions</div></a></li><li class="flex mb-6 pr-4 border-r border-shade-30 last:border-0 col-span-3"><span aria-hidden="true" class="-ml-2 lg:ml-0 mr-3 md:mr-3 inline-block h-10 w-10"><svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40.25 21C40.25 31.6315 31.6315 40.25 21 40.25C10.3685 40.25 1.75 31.6315 1.75 21C1.75 10.3685 10.3685 1.75 21 1.75C31.6315 1.75 40.25 10.3685 40.25 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.341 24.6079L18.8363 26.9574" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M26.9609 14.7523C28.2811 15.4085 29.324 16.6069 29.7356 18.1429C30.1472 19.679 29.8432 21.2382 29.028 22.4667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M26.9769 20.7052C27.2556 20.1447 27.3388 19.4842 27.164 18.832C26.9893 18.1799 26.587 17.6495 26.0654 17.3034" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M14.5357 20.5604C14.4233 20.1409 14.5945 19.6968 14.9595 19.4613L21.4187 15.2941C21.9885 14.9265 22.7512 15.2206 22.9267 15.8756L24.9726 23.5109C25.1481 24.1659 24.6346 24.802 23.9574 24.7685L16.2799 24.3892C15.8461 24.3678 15.4758 24.0688 15.3633 23.6493L14.5357 20.5604Z" stroke="currentColor" stroke-width="1.5"></path><path d="M12.0335 21.5081L12.7226 24.0796" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></span><a class="group inline-block w-full text-black hover:text-black" href="https://shopify.com/news" aria-label="External source: Newsroom . All company news and press releases"><div class="text-base font-medium"><span class="inline-block arrow-animation">Newsroom<span class="sr-only">.</span></span></div><div class="text-sm text-shade-70 group-hover:text-black">All company news and press releases</div></a></li></ul></div></div></div></div></li></ul></nav><div class="ml-auto transition-opacity duration-200 opacity-100 delay-100"><ul class="lg:flex hidden items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/id/login?ui_locales=en-ID" data-component-name="login">Log in</a></li><li class="leading-[0]"><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full ring-inset rounded-button font-button-font transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled py-2 px-5 text-base font-bold tracking-[-0.01em] whitespace-nowrap" data-component-name="start-free-trial" data-mode="light" target="">Start free trial</a></li></ul><ul class="flex items-center lg:hidden mr-[-15px]"><li><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="mr-4 text-base underline text-black" data-component-name="start-free-trial" aria-label="External source: Start free trial">Start free trial</a></li><li><button class="flex h-12 w-12 cursor-pointer select-none flex-col items-center justify-center gap-1" aria-label="Menu" aria-expanded="false" aria-controls="MobileDrawer" aria-haspopup="true" type="button" data-component-name="navigation-toggle-open"><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div></button></li></ul></div></div></div><div class="top-0 w-full z-20 before:absolute before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-global-header-with-border before:z-20 after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 after:bg-white text-black before:border-y before:border-black/20 after:opacity-100 pointer-events-auto before:opacity-0 sticky"><div class="h-global-header container flex items-center relative z-20"><div data-component-name="secondary-navigation" class="flex items-center gap-x-8 w-full h-14 sm:h-global-header text-black"><a class="absolute left-0 top-1/2 -translate-y-1/2 transform-opacity will-change-opacity duration-200 z-20 opacity-0 pointer-events-none" href="/id/" data-component-name="logo-home"><svg viewBox="0 0 32 36" role="img" aria-labelledby="ShoppingBagOnlyLogoTitle" class="w-8 h-9"><title id="ShoppingBagOnlyLogoTitle">Shopify</title><path fill="#95BF47" d="M27.1851 6.83166C27.1598 6.65519 27.0079 6.55435 26.8813 6.55435C26.7548 6.55435 24.2489 6.50393 24.2489 6.50393C24.2489 6.50393 22.148 4.48717 21.9455 4.26028C21.743 4.0586 21.338 4.10902 21.1861 4.15944C21.1861 4.15944 20.7812 4.28549 20.123 4.48717C20.0218 4.13423 19.8446 3.70567 19.6168 3.2519C18.8828 1.84016 17.769 1.08387 16.4528 1.08387C16.3516 1.08387 16.2756 1.08387 16.1744 1.10908C16.1237 1.05866 16.0984 1.00824 16.0478 0.983034C15.4656 0.378004 14.7316 0.0754894 13.8457 0.100699C12.1498 0.151118 10.4539 1.38639 9.0617 3.55441C8.09984 5.0922 7.36579 7.00813 7.13798 8.49549C5.18896 9.10052 3.82211 9.52908 3.77149 9.52908C2.78432 9.8316 2.75901 9.85681 2.63245 10.7896C2.58182 11.4954 0 31.3858 0 31.3858L21.6671 35.1168L31.0578 32.7975C31.0325 32.7975 27.2104 7.00813 27.1851 6.83166ZM19.0346 4.8401C18.5284 4.99136 17.9715 5.16783 17.364 5.3695C17.364 4.51238 17.2375 3.30232 16.8578 2.29393C18.1487 2.49561 18.7815 3.95777 19.0346 4.8401ZM16.225 5.69723C15.086 6.05016 13.8457 6.42831 12.6054 6.80645C12.9597 5.47034 13.6179 4.15944 14.4278 3.27711C14.7316 2.94938 15.1619 2.59645 15.6428 2.39477C16.1491 3.37794 16.2503 4.76447 16.225 5.69723ZM13.8963 1.23513C14.3013 1.23513 14.6303 1.31076 14.9088 1.51244C14.4532 1.73932 13.9975 2.09226 13.5925 2.54603C12.5041 3.70567 11.6688 5.49555 11.3398 7.23501C10.302 7.56274 9.2895 7.86525 8.37827 8.14256C8.98576 5.39471 11.2892 1.31076 13.8963 1.23513Z"></path><path fill="#5E8E3E" d="M26.8814 6.55452C26.7548 6.55452 24.2489 6.5041 24.2489 6.5041C24.2489 6.5041 22.148 4.48733 21.9455 4.26045C21.8696 4.18482 21.7684 4.1344 21.6671 4.1344V35.117L31.0579 32.7977C31.0579 32.7977 27.2358 7.00829 27.2104 6.83183C27.1598 6.65536 27.0079 6.55452 26.8814 6.55452Z"></path><path fill="white" d="M16.4528 11.3696L15.3644 15.4283C15.3644 15.4283 14.1494 14.8737 12.7066 14.9745C10.5804 15.1006 10.5804 16.4367 10.5804 16.7644C10.707 18.5795 15.4909 18.9828 15.7694 23.2433C15.9719 26.5961 13.9975 28.8902 11.112 29.0667C7.66952 29.2432 5.77112 27.2264 5.77112 27.2264L6.50517 24.1256C6.50517 24.1256 8.42888 25.5625 9.9476 25.4617C10.9348 25.4113 11.3144 24.5794 11.2638 24.0248C11.112 21.6551 7.2139 21.8063 6.96078 17.8988C6.75829 14.6216 8.90981 11.3191 13.6685 11.0166C15.5162 10.8906 16.4528 11.3696 16.4528 11.3696Z"></path></svg></a><nav aria-label="Secondary" class="hidden lg:block h-full transition-transform will-change-transform duration-200 translate-x-0" data-click-outside="dismiss"><ul class="flex items-center gap-x-8 h-full"><li class="relative flex flex-col items-center h-full border-black/30"><a href="/id/blog" class="font-bold flex items-center h-full hover:underline outline-4 outline-state-focus focus-visible:outline">Blog</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/id/blog/topics/find-an-idea" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Find an Idea</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/id/blog/topics/starting-up" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Starting Up</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/id/blog/topics/marketing" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Marketing</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/id/blog/latest" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Latest</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><button type="button" aria-expanded="false" aria-haspopup="true" aria-controls="id_More_4" class="h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1"><span class="flex items-center">More<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" icon="chevron" height="64" width="64" class="rotate-180 shrink-0 w-5 h-7 ml-2"><path fill="currentColor" d="M12 10.4a.798.798 0 0 1-.566-.234L8 6.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4A.8.8 0 0 1 12 10.4Z"></path></svg></span></button><div id="id_More_4" class="absolute top-[80px] duration-500 left-0 rounded-lg transition-all box-content opacity-0 -translate-y-6 pointer-events-none w-[256px] bg-white text-black shadow-light"><ul class="p-4 w-[224px] box-content"><li class="py-3 px-4 rounded-lg"><a href="/id/blog/topics/guides" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Guides</a></li><li class="py-3 px-4 rounded-lg"><a href="/id/blog/topics/podcasts" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">The Shopify Podcast</a></li><li class="py-3 px-4 rounded-lg"><a href="/id/blog/topics/founder-stories" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Founder Stories</a></li><li class="py-3 px-4 rounded-lg"><a href="/id/blog/topics/sell-online" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Ecommerce Business Tips</a></li><li class="py-3 px-4 rounded-lg"><a href="/id/blog/topics" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">See All topics</a></li><li class="py-3 px-4 rounded-lg"><a href="/id/enterprise/blog" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Enterprise Blog</a></li></ul></div></li></ul></nav><div class="hidden lg:block ml-auto"><div class="hidden lg:flex flex-row items-center text-base cursor-pointer blog-navbar-navigation">Search<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full z-50 bg-white lg:hidden"><div class="lg:container lg:h-[71px] flex items-center"><div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]"><form method="get" action="/id/blog/website-color-schemes" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value=""><input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent py-2 placeholder-shade-50" type="text" name="header-search" autoComplete="off" placeholder="Search" value=""/><button class="lg:hidden p-6 -mr-6" aria-label="Search icon"><svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></button></form><div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-shade-50">Type something you're looking for<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="hidden lg:block p-2 cursor-pointer ml-auto"><svg viewBox="0 0 20 20" class="size-5"><path d="M12.72 13.78a.75.75 0 1 0 1.06-1.06l-2.72-2.72 2.72-2.72a.75.75 0 0 0-1.06-1.06l-2.72 2.72-2.72-2.72a.75.75 0 0 0-1.06 1.06l2.72 2.72-2.72 2.72a.75.75 0 1 0 1.06 1.06l2.72-2.72 2.72 2.72Z"></path></svg></div></div></div></div></div><div class="pl-8 app-signup-links transform-opacity duration-200 relative before:h-[22px] before:bg-shade-30 before:w-[1px] before:absolute before:left-0 before:top-[1/2] before:translate-[-1/2] opacity-0 lg:hidden"><a href="/id/login?ui_locales=en-ID" class="whitespace-nowrap">Log in</a><div data-component-name="button-group" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-2 justify-start"><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">Start free trial</a></div></div></div></div></div></div><svg class="sr-only" aria-hidden="true"><defs><linearGradient id="start_svg__a" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="manage_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#1CD9D9"></stop><stop offset="1" stop-color="#70D50E"></stop></linearGradient><linearGradient id="market_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#EA4EF2"></stop><stop offset="1" stop-color="#29C9FF"></stop></linearGradient><linearGradient id="start_svg__b" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="sell_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#33EDE2"></stop><stop offset="1" stop-color="#6754FF"></stop></linearGradient><clipPath id="white_circle_svg__a"><path fill="#fff" d="M0 0h40v40H0z"></path></clipPath><linearGradient id="paint0_linear_1_569" x1="6.12412" y1="7.32529" x2="16.6923" y2="17.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint1_linear_1_569" x1="18.4621" y1="6.91041" x2="12.5203" y2="17.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_589" x1="7.59808" y1="8.96" x2="28.4853" y2="30.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint1_linear_41_589" x1="18.4622" y1="6.91041" x2="12.7852" y2="12.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_568" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white" stop-opacity="0"></stop></linearGradient><radialGradient id="paint1_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-96.3402) scale(54.3323 72.1138)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-15.5615) scale(82.0061 39.4114)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_568" x1="15.1241" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_568" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_612" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_612" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_612" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_651" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_651" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_651" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_588" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_588" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_588" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_588" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_625" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_625" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_625" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_662" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_662" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_662" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_662" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient></defs></svg></header><main role="main" id="main" tabindex="-1" class="focus-visible:outline-none"><div class="fixed top-0 left-0 h-[6px] z-50 bg-blog-highlight" style="width:null%"></div><section class="grid grid-cols-full bg-section-light-bg text-section-light-text featured-blogs gap-y-0 pt-36 pb-0" data-section-name="" data-component-name="website-color-schemes" data-viewable-component="true" data-mode="light"><div class="relative overflow-hidden bg-marketingBg" data-component-name="blog-header-banner"><div class="container relative flex flex-col items-center text-center pt-16 tablet-xl:pt-12 pb-12 px-[40px] tablet-xl:px-[130px] desktop:px-[210px]"><p class="richtext uppercase font-medium font-aktivgroteskextended mb-2 text-2xl tablet:text-3xl max-w-[680px]">Start selling with Shopify today</p><p class="richtext max-w-[680px] text-sm mb-4">Start your free trial with Shopify today—then use these resources to guide you through every step of the process.</p><div data-component-name="button-group" class="text-base relative z-20" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-sm justify-center"><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">Start free trial</a><a href="/id/" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline hover:ring-1 disabled:hover-ring-0 border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:bg-button-light-secondary-bg-hover hover:border-button-light-secondary-border-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:bg-button-light-secondary-bg-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:bg-button-light-secondary-bg-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled" data-component-name="button" data-mode="light" target="">Learn more</a></div></div><img class="absolute rounded-[15px] z-10 w-[90px] tablet-xl:w-[136px] desktop:w-[175px] left-[-26px] tablet-xl:left-0 bottom-[-20px] tablet-xl:bottom-[-60px]" src="https://cdn.shopify.com/b/shopify-brochure2-assets/b57973373cb5af3ba8e59f0b966065e7.webp?originalWidth=500&originalHeight=641" alt="" loading="lazy" decoding="async" width="500" height="641" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/b57973373cb5af3ba8e59f0b966065e7.webp?originalWidth=500&originalHeight=641&width=200 200w, https://cdn.shopify.com/b/shopify-brochure2-assets/b57973373cb5af3ba8e59f0b966065e7.webp?originalWidth=500&originalHeight=641&width=400 400w"/><div class="absolute rounded-[15px] overflow-hidden z-10 w-[90px] tablet-xl:w-[136px] desktop:w-[175px] h-[85px] tablet-xl:h-[140px] desktop:h-[180px] right-0 tablet-xl:right-[-20px] desktop:right-[20px] top-[-25px] tablet-xl:top-[-30px] desktop:top-[-40px]"><img src="https://cdn.shopify.com/b/shopify-brochure2-assets/05383e2e9b6568812f1ccc7bbc28ac3d.webp?originalWidth=500&originalHeight=641" alt="" loading="lazy" decoding="async" width="500" height="641" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/05383e2e9b6568812f1ccc7bbc28ac3d.webp?originalWidth=500&originalHeight=641&width=200 200w, https://cdn.shopify.com/b/shopify-brochure2-assets/05383e2e9b6568812f1ccc7bbc28ac3d.webp?originalWidth=500&originalHeight=641&width=400 400w"/></div><div><img class="absolute rounded-[15px] z-10 w-[90px] tablet-xl:w-[136px] desktop:w-[175px] bottom-[20px] tablet-xl:bottom-[-50px] desktop:bottom-[-70px] right-[-50px] tablet-xl:right-[-70px] desktop:right-[-100px]" src="https://cdn.shopify.com/b/shopify-brochure2-assets/2baeeeb3c9bab2dfbfac6428fad929e1.webp?originalWidth=500&originalHeight=641" alt="" loading="lazy" decoding="async" width="500" height="641" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/2baeeeb3c9bab2dfbfac6428fad929e1.webp?originalWidth=500&originalHeight=641&width=200 200w, https://cdn.shopify.com/b/shopify-brochure2-assets/2baeeeb3c9bab2dfbfac6428fad929e1.webp?originalWidth=500&originalHeight=641&width=400 400w"/></div><div class="sm:inset-[auto_0_var(--space-2xl)_auto] sm:bg-transparent sm:pt-9 sm:[&>div>button]:-top-9"></div></div></div><article id="article" itemscope="" itemType="https://schema.org/Article" class="featured-blogs__section"><meta itemProp="mainEntityOfPage" content="/id/blog/website-color-schemes"/><meta itemProp="dateModified" content="2024-10-25T13:57:35.000Z"/><div class="relative"><div class="py-10 tablet:text-center desktop:pt-16 desktop:pb-16" data-mode="light"><div class="container desktop:w-9/12 desktop:mx-auto"><div class="uppercase text-shade-100 font-aktivgroteskextended text-[12px] leading-[14px] tracking-[0.01em] font-semibold tablet-xl:font-shopifysans tablet-xl:text-[11px] tablet-xl:leading-[13px] tablet:tracking-[0.5px] tablet:font-bold pb-2"><a href="/id/blog" class="no-underline hover:text-link-light-hover topic-link">blog</a><span class="richtext px-2.5 text-xs">|</span><a href="/id/blog/topics/design" class="no-underline hover:text-link-light-hover topic-link">Design</a></div><h1 class="richtext font-medium tracking-[-0.02em] text-[28px] leading-9 tablet-xl:text-[40px] tablet-xl:leading-[48px]" itemProp="headline">15 Eye-Catching Website Color Schemes and How To Use Them</h1><p class="richtext font-normal tracking-[-0.02em] text-[18px] leading-[26px] tablet-xl:text-[20px] tablet-xl:leading-7 desktop:text-[22px] desktop:leading-8 mt-4 desktop:mt-4">Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes.</p><div class="lg:hidden mt-4 tablet-xl:mt-12"><div class="gap-x-1 flex flex-wrap font-bold sm:justify-center !text-lg text-legacy-gray-90 last:[&_>div]:justify-start sm:last:[&_>div]:justify-center"> by <span itemProp="author" itemscope="" itemType="https://schema.org/Person"><a href="/id/blog/authors/michael-keenan" class="no-underline" itemProp="url"><span itemProp="name">Michael Keenan</span></a></span></div><div class="text-body-sm text-shade-50">Last updated <time>25 Oct 2024</time></div></div></div></div><div class="tablet:container desktop:w-9/12 desktop:mx-auto overflow-hidden flex justify-center"><img class="" src="https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782" alt="" loading="eager" decoding="async" width="1848" height="782" srcSet="https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=200 200w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=400 400w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=600 600w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=800 800w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=1000 1000w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=1200 1200w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=1400 1400w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=1600 1600w, https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913&originalWidth=1848&originalHeight=782&width=1800 1800w"/></div></div><div class="container grid-cols-4 sm:grid-cols-8 md:grid-cols-12 block tablet-xl:grid gap-y-0 gap-x-12"><div class="col-span-4 xs:col-span-12 md:col-span-4 lg:col-span-3 col-start-1 nav-drawer md:pb-20 pt-10 desktop:pt-16" data-component-name="blog-left-sidebar"><nav class="md:top-[calc(var(--header-height)*2)] md:max-h-[calc(100vh-var(--header-height))] md:overflow-auto md:sticky md:pb-6 pr-2"><div class="flex py-5 md:hidden border-y border-shade-20 text-[12px] mb-6 md:mb-0 leading-[20px] font-medium px-6">On this page<svg viewBox="0 0 20 20" class="w-[20px] h-[20px] ml-auto transition"><path fill-rule="evenodd" d="M5.72 8.47a.75.75 0 0 1 1.06 0l3.47 3.47 3.47-3.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 0-1.06Z"></path></svg></div><div class="mb-4 uppercase hidden md:block">On this page</div><ul class="relative overflow-auto before:absolute before:inset-y-0 before:left-0 md:before:bg-shade-20 before:w-[1px] before:z-1 my-10 md:mt-0 md:mb-16 hidden md:block"><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#1">What is a website color scheme?</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#2">Why is your website color scheme important?</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#3">15 beautiful ecommerce website color schemes</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#4">How to choose the right website color scheme</a></li><li class="pl-2 my-2.5 first:mt-0 last:mb-0 text-body-sm relative z-2"><a href="#5">Website color scheme FAQ</a></li></ul><div class="hidden md:block bg-blog-bannerBg"><div class="p-6"><p class="richtext text-2xl font-aktivgroteskextended leading-4 desktop:leading-7 color-black tracking-[-0.02em]">Start your online business today.</p><p class="richtext font-aktivgroteskextended desktop:leading-7 color-black tracking-[-0.02em] text-2xl mb-9 font-bold">For free.</p><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="flex justify-between align-middle font-aktivgroteskextended leading-6 tracking-[-0.0175rem] !no-underline border-b-[1px] border-black group">Start free trial<span class="flex justify-center items-center w-6 h-6 ml-4 my-auto [&_svg]:w-6 reduced-motion:group-hover:translate-x-0 transition-all duration-500 will-change-transform group-hover:translate-x-full group-hover:opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00025 15.9998C7.74425 15.9998 7.48825 15.9018 7.29325 15.7068C6.90225 15.3158 6.90225 14.6838 7.29325 14.2928L11.5862 9.99976L7.29325 5.70676C6.90225 5.31576 6.90225 4.68376 7.29325 4.29276C7.68425 3.90176 8.31625 3.90176 8.70725 4.29276L13.7073 9.29276C14.0982 9.68376 14.0982 10.3158 13.7073 10.7068L8.70725 15.7068C8.51225 15.9018 8.25625 15.9998 8.00025 15.9998Z" fill="black"></path></svg></span></a></div></div></nav></div><div class="col-span-4 xs:col-span-12 md:col-span-8 lg:col-span-6 col-start-1"><div id="article-content" class="text-body-base text-shade-70 md:pt-10 desktop:pt-16 [&_h2]:text-t4 [&_h2]:mt-12 [&_h2]:mb-6 [&_h2]:text-black [&_h2]:font-medium [&_.heading--2]:text-t5 [&_.heading--2]:text-black [&_.heading--2]:font-aktivgroteskextended [&_.heading--2]:mb-6 [&_.heading--2]:font-medium [&_h3]:text-t5 [&_h3]:mt-12 [&_h3]:mb-4 [&_h3]:text-black [&_h4]:text-t6 [&_h4]:mt-12 [&_h4]:mb-4 [&_h4]:text-black [&_h5]:text-t7 [&_p]:mb-6 [&_hr]:mb-6 [&_a]:text-black [&_a]:font-medium [&_a]:underline [&_a:hover]:no-underline [&_sup_a]:no-underline [&_sup_a:hover]:underline [&_.marketing-button]:text-white [&_.marketing-button]:no-underline [&_a>img]:mt-3 [&_a>img]:mb-8 [&_a>img]:h-[revert-layer] [&_img]:my-12 [&_a>img]:inline-block [&_figure>img]:mb-0 [&_figure]:mb-12 [&_img]:inline-block [&_ul]:list-disc [&_ul]:space-y-3 [&_ul]:pl-6 [&_ul]:mb-6 [&_ul_li]:pl-4 [&_ol]:list-decimal [&_ol]:space-y-3 [&_ol]:pl-6 [&_ol]:mb-6 [&_ol_li]:pl-4 [&_ol_li::marker]:font-bold [&_iframe]:max-w-full [&_figcaption]:mb-12 [&_figcaption]:text-center [&_figcaption]:text-xs [&_figcaption]:sm:text-sm [&_figcaption]:mt-1 [&_strong]:font-medium [&_strong]:text-black [&_.heading--4]:font-aktivgroteskextended [&_.heading--4]:text-2xl [&_.heading--4]:text-black [&_.heading--4]:font-medium [&_.heading--4]:tracking-[-.02em] [&_iframe]:mt-3 [&_iframe]:mb-9 [&_.container]:m-0 [&_.container]:flex [&_.container]:gap-5 [&_.container]:flex-wrap [&_.green]:text-[green] [&_.red]:text-[red] [&_.pros]:bg-[#eafaea] [&_.pros]:rounded-[10px] [&_.pros]:p-5 [&_.pros_h3]:mt-2 [&_.cons]:bg-[#ffebe6] [&_.cons]:rounded-[10px] [&_.cons]:p-5 [&_.cons_h3]:mt-2 [&_.pros]:tablet:flex-[1_0_calc(50%-10px)] [&_.pros]:flex-[1_0_100%] [&_.cons]:tablet:flex-[1_0_calc(50%-10px)] [&_.cons]:flex-[1_0_100%] [&_.pros_.grid-container]:grid [&_.cons_.grid-container]:grid [&_.grid-container]:gap-[5px] [&_.grid-container]:grid-cols-[15px_auto] [&_.pros_.grid-container]:p-[5px] [&_.cons_.grid-container]:p-[5px] [&_.aspect-video_iframe]:mt-0 article-content [&_.truncated-text]:relative [&_.truncated-text]:max-h-[300px] [&_.truncated-text]:overflow-hidden [&_.truncated-text]:mb-6 [&_.truncated-text::before]:absolute [&_.truncated-text::before]:content-[""] [&_.truncated-text::before]:bottom-0 [&_.truncated-text::before]:w-full [&_.truncated-text::before]:h-[150px] [&_.truncated-text::before]:bg-gradient-to-t [&_.truncated-text::before]:from-white [&_.truncated-text::before]:from-50% [&_.truncated-text::before]:to-transparent [&_.truncated-text\_\_toggle]:absolute [&_.truncated-text\_\_toggle]:bottom-0 [&_.truncated-text\_\_toggle]:w-full [&_.truncated-text\_\_toggle]:text-center [&_.marketing-code]:bg-[#f0f1f2] [&_.marketing-code]:font-bold [&_.marketing-code]:p-1 [&_.marketing-code.marketing-code--block]:p-4 [&_.marketing-code--block]:block [&_.marketing-code--block]:max-w-full [&_.marketing-code--block]:overflow-x-scroll [&_.marketing-code--block]:mb-5 [&_.partners-signup]:mt-6 [&_.partners-signup]:mb-12 [&_.partners-signup]:bg-gray-200 [&_.partners-signup]:p-3 [&_.partners-signup]:md:p-6 [&_.table]:block [&_.table]:overflow-x-scroll [&_.table]:max-w-full" itemProp="articleBody"><div class="hidden leadpage-container leadpage__image leadpage__content marketing-button hide--mobile block--bordered"></div><div><p>Color is one of the most powerful tools in a web designer’s toolbox. It can draw attention, convey meaning, and spark desire—all while driving conversions and building customer loyalty. </p> <p>A good color scheme is especially important in ecommerce website design, where you must communicate information quickly and expressively to turn casual browsers into committed buyers.</p> <p>Ahead, discover 15 ecommerce website color schemes and tips for choosing a palette for your website. </p><div id="text-cta" class="hidden lg:block"></div> <h2 id="1">What is a website color scheme?</h2> <p>Website color schemes are carefully chosen palettes that define a site’s <a href="/id/blog/how-to-diy-a-visual-brand">visual identity</a>. Typically featuring three to five main colors, schemes are applied across all elements, from backgrounds to buttons. Designers select these combinations to evoke specific moods, create visual harmony, and reinforce branding. </p> <p>Business owners, designers, and developers collaborate on color selection, considering factors like industry norms, <a href="/id/blog/target-audience">target audience</a> preferences, and <a href="/id/blog/color-psychology">color psychology</a>. When done right, a color scheme becomes integral to a website’s success, communicating the brand’s essence and enhancing the overall user experience.</p> <h2 id="2">Why is your website color scheme important?</h2> <p>In most cases, a well-developed website color scheme will accomplish two goals: creating a strong brand identity and driving conversion.</p> <h3>Builds brand identity through color</h3> <p>Colors convey meaning and information about the brand while creating uniformity across different products on the website. <a href="https://straitsresearch.com/statistic/role-of-color-in-branding-and-marketing" rel="nofollow noopener noreferrer" target="_blank">Research</a> shows that color can increase <a href="/id/blog/brand-recognition">brand recognition</a> by up to 80%.</p> <p>Based on color theory, designers combine hues that evoke the right emotions for a brand. The result is an appealing combination that communicates the <a href="/id/blog/brand-identity">brand’s identity</a> to browsers. </p> <h3>Drives conversions with strategic color choices</h3> <p>Accent colors most easily drive conversion. <a href="https://straitsresearch.com/statistic/role-of-color-in-branding-and-marketing" rel="nofollow noopener noreferrer" target="_blank">Data</a> from 2024 shows that 85% of people claim color significantly influences what they buy.</p> <p>Accent colors use contrast to highlight specific products and give strong directional cues—such as pointing toward a page’s CTAs and Buy buttons. Find accent colors using a color wheel. The complementary color directly across a color wheel from your primary color stands out on a web page and draws the user’s eye.</p> <h2 id="3">15 beautiful ecommerce website color schemes</h2> <ol> <li><a href="#11">Autumnal</a></li> <li><a href="#12">Vibrant neon</a></li> <li><a href="#13">Festive yet modern</a></li> <li><a href="#14">Vintage neutral</a></li> <li><a href="#15">Cool-toned and retro</a></li> <li><a href="#16">Slate and ivory</a></li> <li><a href="#17">Soft and warm</a></li> <li><a href="#18">Lively mint</a></li> <li><a href="#19">Cozy complementary</a></li> <li><a href="#20">Subtle white</a></li> <li><a href="#21">Urban neutral</a></li> <li><a href="#22">Bold black and gold</a></li> <li><a href="#23">Playful pastel</a></li> <li><a href="#24">Coastal</a></li> <li><a href="#25">Bold and grounded</a></li> </ol> <p>Here are 15 real-world website color schemes to inspire your brand’s unique color palette: </p> <h3 id="11">1. Autumnal</h3> <img style="float: none;" alt="Plum fabric with water droplets and a woman in a purple vest standing in a mossy forest background." src="https://cdn.shopify.com/s/files/1/0070/7032/files/autumnal.png?v=1729284864"> <p>This autumnal theme mixes deep plum with forest green to create a connection to nature, which reflects <a href="https://www.tentree.com/" rel="nofollow noopener noreferrer" target="_blank">tentree</a>’s brand. Combined with warm beige and soft olive green colors, it feels calming yet ready for adventure. </p> <h3 id="12">2. Vibrant neon</h3> <img style="float: none;" alt="Magic Spoon cereal boxes with a bowl of colorful cereal and protein bars on a purple background." src="https://cdn.shopify.com/s/files/1/0070/7032/files/magicspoon_5042a655-81ff-46d2-af6b-4a8da062616c.png?v=1729284864" loading="lazy"> <p><a href="https://magicspoon.com/" rel="nofollow noopener noreferrer" target="_blank">Magic Spoon</a>’s color palette emphasizes high energy, boldness, and fun, aligning with its playful childhood cereal theme. The deep purple sets a bold and vibrant tone, with neon pink, bright yellow, and lime greens that create excitement and give off a youthful vibe.</p> <h3 id="13">3. Festive yet modern </h3> <img class="block block--bordered" style="float: none;" alt="Two pairs of people wearing festive sweaters, sitting on a couch against a colorful backdrop." src="https://cdn.shopify.com/s/files/1/0070/7032/files/theoutrage_1ac10397-dd8b-4636-8a04-4a5b347e665a.png?v=1729284863" loading="lazy"> <p><a href="https://www.the-outrage.com/" rel="nofollow noopener noreferrer" target="_blank">The Outrage’s</a> color palette blends a strong, modern feel with festive, holiday warmth. The bold blues and greens pair well with the cheerful reds and whites, delivering a lively, celebratory aesthetic rooted in activism and community engagement.</p> <h3 id="14">4. Vintage neutral</h3> <img style="float: none;" alt="Woman in a cream sweater and floral skirt standing in a grassy field under soft, natural light." src="https://cdn.shopify.com/s/files/1/0070/7032/files/adornedvintage.png?v=1729284864" class="block block--bordered" loading="lazy"> <p>This website color scheme sports muted tones and natural hues to create a serene, vintage-inspired atmosphere for shoppers. <a href="https://www.adoredvintage.com/" rel="nofollow noopener noreferrer" target="_blank">Adorned Vintage</a>’s brand, which focuses on feminine, timeless fashion, aligns perfectly with earthy tones set by soft cream, pastel beige, and light green.</p> <h3 id="15">5. Cool-toned and retro </h3> <img class="block block--bordered" style="float: none;" alt="Group of people in retro swimsuits posing cheerfully by a riverbank with a rocky background." src="https://cdn.shopify.com/s/files/1/0070/7032/files/beefcakeswimwear.png?v=1729284864" loading="lazy"> <p><a href="https://www.beefcakeswimwear.com/" rel="nofollow noopener noreferrer" target="_blank">Beefcake Swimwear</a>’s website color scheme nails the blend of outdoor fun and nostalgic elegance. Deep forest green and muted dark blues accented with rust red and neutral sand capture the essence of vintage swimwear in a natural setting. </p> <h3 id="16">6. Slate and ivory</h3> <img style="float: none;" alt="Elegant grazing table with ivory linens, floral arrangements, and food against a dark backdrop." src="https://cdn.shopify.com/s/files/1/0070/7032/files/silkandwillow.png?v=1729284864" class="block block--bordered" loading="lazy"> <p><a href="https://www.silkandwillow.com/" rel="nofollow noopener noreferrer" target="_blank">Silk & Willow</a>’s website colors express a high-end, vintage-inspired aesthetic. They blend dark, dramatic tones like charcoal slate with soft ivory to create a dramatic, high-contrast, and luxurious palette. Creamy whites and earthy tones also lend a natural and grounded feel that is timeless and inviting. </p> <h3 id="17">7. Soft and warm</h3> <img class="block block--bordered" style="float: none;" alt="Baby with parent under red sleep lamp reading a book, promoting circadian rhythm sleep aid." src="https://cdn.shopify.com/s/files/1/0070/7032/files/kulala_ef4f5d6c-5f9e-4eb0-98e0-94a6423544e6.png?v=1729284863" loading="lazy"> <p>The soft, warm palette that <a href="https://kulalaland.com/" rel="nofollow noopener noreferrer" target="_blank">Kulala</a> uses combines soft amber yellow and deep night red to create a calming ambiance. Muted lavender and dark navy blue add a soothing tone, while vibrant orange accents draw the viewer’s attention. </p> <h3 id="18">8. Lively mint</h3> <img style="float: none;" alt="Cocofloss products with an Allure award seal next to a toothbrush and mint toothpaste on a counter." src="https://cdn.shopify.com/s/files/1/0070/7032/files/cocofloss_b311f95a-ca8c-4058-aacf-ca3f2325297f.png?v=1729284864" loading="lazy"> <p><a href="https://cocofloss.com/" rel="nofollow noopener noreferrer" target="_blank">Cocofloss</a>’s color scheme strikes a balance between freshness and fun. The refreshing mint green and calming aqua blue provides a clean, spa-like feel. Playful pops of bright yellow and soft peach add warmth and energy. </p> <h3 id="19">9. Cozy complementary</h3> <img style="float: none;" alt="Model wearing cozy casual outfits with red pants and green sweater against a soft pink backdrop.Model wearing cozy casual outfits with red pants and green sweater against a soft pink backdrop." src="https://cdn.shopify.com/s/files/1/0070/7032/files/sundry.png?v=1729284864" class="block block--bordered" loading="lazy"> <p>The use of warm tones like blush pink and deep forest green creates a cozy, inviting atmosphere for this apparel collection. The soft pink backdrop keeps the focus on the clothing, while the bold pops of red and yellow add playful energy to the imagery. The color combination of muted neutrals and vibrant accents provides a balanced yet eye-catching aesthetic that reflects <a href="https://sundryclothing.com/" rel="nofollow noopener noreferrer" target="_blank">Sundry’</a>s approach to casual, comfortable style.</p> <h3 id="20">10. Subtle white</h3> <img style="float: none;" alt="Bride in an off-shoulder white gown standing by stone columns in an elegant outdoor setting." src="https://cdn.shopify.com/s/files/1/0070/7032/files/truvellebridal.png?v=1729284864" class="block block--bordered" loading="lazy"> <p><a href="https://truvelle.com/" rel="nofollow noopener noreferrer" target="_blank">Truvelle Bridal</a> is all about simple, clean, elegant wedding dresses, and its color scheme of whites, taupes, and grays reflects that. With muted neutrals and soft tones, this color palette lets the <a href="/id/retail/brand-story">brand story</a> and products shine.</p> <h3 id="21">11. Urban neutral</h3> <img class="block block--bordered" style="float: none;" alt="Man in olive jacket and cream pants posing in front of classic European architecture." src="https://cdn.shopify.com/s/files/1/0070/7032/files/velasca_0668bbea-4aa2-4c14-8357-0b02e4957dda.png?v=1729284864" loading="lazy"> <p><a href="https://www.velasca.com/" rel="nofollow noopener noreferrer" target="_blank">Velasca</a>’s palette is defined by warm, neutral tones and deep, sophisticated hues. The architecture features soft terracotta and beige walls, creating an inviting, classic European backdrop of elegance. The model’s olive green jacket and navy sweater add a muted, earthy contrast that complements the surrounding colors. </p> <h3 id="22">12. Bold black and gold</h3> <img class="block block--bordered" style="float: none;" alt="BLK & Bold coffee products displayed in a clean grid layout with bold black and gold packaging." src="https://cdn.shopify.com/s/files/1/0070/7032/files/blkandboldcoffee.png?v=1729284863" loading="lazy"> <p>A bold color scheme for a bold product. <a href="https://blkandbold.com/" rel="nofollow noopener noreferrer" target="_blank">BLK & Bold</a>’s use of black conveys sophistication and authority, with vibrant gold accents that add a sense of luxury. Clean whites and subtle grays provide a crisp, soft, minimalist feel that helps the website elements stand out. </p> <h3 id="23">13. Playful pastel</h3> <img class="block block--bordered" style="float: none;" alt="Three models with beauty products in a pastel vanity setting with blush pink and mint green tones." src="https://cdn.shopify.com/s/files/1/0070/7032/files/beautybakerie.png?v=1729284863" loading="lazy"> <p>This website color palette blends fresh pastels with hints of glamor, creating an inviting and feminine feel. Mint green, blush pink, and golden champagne give a playful, yet luxurious energy that captures <a href="https://www.beautybakerie.com/" rel="nofollow noopener noreferrer" target="_blank">Beauty Bakerie</a>’s focus on beauty and fun. </p> <h3 id="24">14. Coastal </h3> <img style="float: none;" alt="Back view of woman holding a spray bottle at the beach with her hair blowing in the wind." src="https://cdn.shopify.com/s/files/1/0070/7032/files/tofinosoapcompany.png?v=1729284864" class="block block--bordered" loading="lazy"> <p>The <a href="https://tofinosoapcompany.com/" rel="nofollow noopener noreferrer" target="_blank">Tofino Soap Company</a> website sports soft, beach-inspired hues with natural, earthy tones. Sky blue, warm beige, and earthy brown interplay to evoke calmness, purity, and a connection to nature. These colors perfectly complement the product’s focus on natural, eco-friendly skincare.</p> <h3 id="25">15. Bold and grounded</h3> <img style="float: none;" alt="" src="https://cdn.shopify.com/s/files/1/0070/7032/files/flybyjing_0d8ce00a-3c6e-4d59-a4db-b6cc57d202e6.png?v=1729284864" loading="lazy"> <p><a href="https://flybyjing.com/shop/" rel="nofollow noopener noreferrer" target="_blank">Fly by Jing</a> brings together bold, electric hues with earthy, grounding tones that reflect its flavorful products. Vibrant magenta and orange lend a playful energy, while deep greens and purples add richness and depth. The palette is designed to instill a sense of excitement and urgency to try the brand’s famous chili sauces. </p> <h2 id="4">How to choose the right website color scheme</h2> <ol> <li><a href="#31">Reflect on your brand identity</a></li> <li><a href="#32">Choose a primary color</a></li> <li><a href="#33">Select secondary colors</a></li> <li><a href="#34">Determine your background color</a></li> <li><a href="#35">Choose a typeface color</a></li> </ol> <p>Building a color scheme requires a methodical approach. Here are the steps to follow to build out your website’s color scheme: </p> <h3 id="31">1. Reflect on your brand identity</h3> <p>Before choosing any colors, first consider your brand and offerings and how colors might reflect your mission or <a href="/id/blog/value-proposition">value proposition</a>.</p> <p>For example, a fitness brand might identify its core values as energetic, health-focused, and motivational. To appease a target audience of health-conscious millennials, a color scheme could involve trendy, vibrant, high-energy colors like yellow, orange, or green. </p> <p>Ask these questions to interrogate the core of your brand::</p> <ul> <li>What three to five adjectives best describe your brand? Is it innovative, traditional, eco-friendly, luxury-oriented, or family-focused?</li> <li>Who are you trying to reach? What colors do they tend to respond to? What colors might turn them off?</li> <li>What emotions do you want people to feel when they think about your brand?</li> </ul> <p>📚 <strong>Learn: </strong><a href="/id/blog/brand-identity">What Is Brand Identity? 6 Key Elements</a></p> <h3 id="32">2. Choose a primary color</h3> <p>Research the emotions associated with different colors, or the theory of <a href="/id/blog/color-psychology">color psychology</a>. For example, warm colors (reds, oranges, yellows) are energetic and attention-grabbing, while cool colors (blues, greens, purples) are often more calming and professional.</p> <p>Analyze what colors your competitors use. You might want to align with industry standards or deliberately stand out. Once you’ve chosen a color, experiment with different shades and tints to find the perfect match for your brand. For example, you may decide on blue as your primary color, but your color palette will differ wildly depending on whether you choose a light, icy blue or a deep indigo. </p> <h3 id="33">3. Select secondary colors</h3> <p>Secondary colors work in harmony with your primary color to complete the color scheme. There are a few color harmony rules that can guide your choice if you’re not working with a designer who already knows them:</p> <ul> <li><strong><strong>Complementary colors. </strong>Colors opposite each other on the color wheel (e.g., blue and orange).</strong></li> <li> <strong>Analogous colors. </strong>Colors next to each other on the color wheel (e.g., blue, blue-green, and green).</li> <li> <strong>Triadic colors. </strong>Three colors equally spaced on the color wheel (e.g., red, yellow, and blue).</li> </ul> <p>Stick to one or two secondary colors. You can use up to five colors max, but be cautious, as too many colors can be overwhelming.</p> <p>💡 <strong>Tip: </strong>Use a color palette generator like <a href="https://color.adobe.com/create/color-wheel" rel="nofollow noopener noreferrer" target="_blank">Adobe Color</a> to create a website color scheme for your brand.</p> <h3 id="34">4. Determine your background color</h3> <p>Your background color sets the stage for all other elements on your website. The goal is to highlight your content without overwhelming it. </p> <p>Many brands use light background colors to express cleanliness and ease of browsing. Softer, toned-down backgrounds tend to be easier on the eyes, too, but that’s not a hard-and-fast rule. Some brands use darker backgrounds because it creates a better experience for their particular buyers. </p> <p>Place sample content on your background to ensure it doesn’t overshadow your actual information.</p> <h3 id="35">5. Choose a typeface color</h3> <p>Last but not least, choose your text color. This color should be highly contrasted with your background color for readability purposes. Check your options with <a href="https://webaim.org/resources/contrastchecker/" rel="nofollow noopener noreferrer" target="_blank">WebAIM’s Contrast Checker</a> to ensure you’re meeting web accessibility standards.</p> <p>Use the same text color throughout your site for body text. You can use different colors for headings or special text, but be consistent with these as well. </p> <h2>Create better browsing experiences with the right color scheme</h2> <p>Choosing your website is an ongoing process. Don’t be afraid to experiment with different combinations and get customer feedback to find the right fit. Your colors should work together to create a cohesive and appealing website that represents your brand on the internet. </p> <div class="marketing-block marketing-block--light marketing-block--padded my-12 border-l-2 pl-4 [&_h2]:!mt-0 [&_h2]:mb-6 [&_h2]:text-t5 [&_h3]:!mt-0 [&_h3]:mb-6 [&_h3]:text-t7 [&_h4]:!mt-0 [&_h4]:mb-6 [&_h4]:text-t8 [&_ul]:!mt-0 [&_ul]:mb-6 [&_ul:last-child]:mb-0 [&_ol]:!mt-0 [&_ol]:mb-6 [&_ol:last-child]:mb-0 [&_p]:!mt-0 [&_p]:mb-6 [&_p:last-child]:mb-0 border-blog-highlight text-body-sm my-8 tablet:my-16 p-8 bg-marketingBg !border-l-0 border-t-2 pl-8 [&_[itemscope]]:mb-6 [&_[itemscope]:last-child]:mb-0" id="faq-section"> <div itemtype="https://schema.org/FAQPage" itemscope=""> <h2 id="5">Website color scheme FAQ</h2> <div itemtype="https://schema.org/Question" itemprop="mainEntity" itemscope=""> <h3 itemprop="name">What is the most eye-catching color?</h3> <div itemtype="https://schema.org/Answer" itemprop="acceptedAnswer" itemscope=""> <div itemprop="text"> <p>Bright, saturated hues like red, yellow, and orange typically catch the eye most effectively. However, a color’s ability to stand out depends largely on its contrast with surrounding elements and the overall visual context.</p> </div> </div> </div> <div itemtype="https://schema.org/Question" itemprop="mainEntity" itemscope=""> <h3 itemprop="name">What is the best color scheme for a website?</h3> <div itemtype="https://schema.org/Answer" itemprop="acceptedAnswer" itemscope=""> <div itemprop="text"> <p>The best color scheme for a website depends on its purpose, the target audience, and the overall design aesthetic. Generally, lighter and softer colors (like a light blue background) are calming and inviting, while darker and vibrant colors (like royal blue and lime green) provide more energy and excitement. It is also important to consider how colors interact with one another and how they will appear on different devices.</p> </div> </div> </div> <div itemtype="https://schema.org/Question" itemprop="mainEntity" itemscope=""> <h3 itemprop="name">What are the seven major color schemes?</h3> <div itemtype="https://schema.org/Answer" itemprop="acceptedAnswer" itemscope=""> <div itemprop="text"> <ul> <li>Monochromatic. Tonal variations of a single color.</li> <li>Analogous. Colors next to each other on the color wheel.</li> <li>Complementary. Colors opposite each other on the color wheel. </li> <li>Split Complementary. A base color complemented by the colors next to its complementary color on the color wheel. </li> <li>Triadic. Three colors equally spaced around the color wheel. </li> <li>Tetradic. Complementary pairs of colors.</li> <li>Square. Four colors equally spaced around the color wheel.</li> </ul> </div> </div> </div> <div itemtype="https://schema.org/Question" itemprop="mainEntity" itemscope=""> <h3 itemprop="name">What is a website color scheme?</h3> <div itemtype="https://schema.org/Answer" itemprop="acceptedAnswer" itemscope=""> <div itemprop="text"> <p>A website color scheme is the combination of colors used on a website. The color combinations are usually chosen to reflect the brand or company and create a unified look and feel. They are typically chosen for their contrast, vibrancy, and ability to work together to create a cohesive look.</p> </div> </div> </div> <div itemtype="https://schema.org/Question" itemprop="mainEntity" itemscope=""> <h3 itemprop="name">Which is the best background color for a website?</h3> <div itemtype="https://schema.org/Answer" itemprop="acceptedAnswer" itemscope=""> <div itemprop="text"> <p>The best background color for a website will depend on its purpose and design. Generally, a neutral color such as white or light gray is a good option, as it can create a clean and modern look. If a more dynamic background color is desired, blues, greens, and other softer colors can provide a more inviting feel.</p> </div> </div> </div> </div> </div></div></div><div class="border-t tablet-xl:border-[#d4d4d8] my-16 py-6 flex tablet-xl:flex-row justify-between flex-col"><div class="flex items-center tablet-xl:justify-start tablet-xl:flex-row flex-row-reverse justify-between"><div class="self-center flex flex-col"><div class="gap-x-1 flex flex-wrap text-lg font-aktivgroteskextended leading-[18px] font-bold mb-2"> by <span itemProp="author" itemscope="" itemType="https://schema.org/Person"><a href="/id/blog/authors/michael-keenan" class="no-underline" itemProp="url"><span itemProp="name">Michael Keenan</span></a></span></div><div class="text-body-sm text-shade-50">Last updated <time>25 Oct 2024</time></div></div></div><div class="xs:border-b tablet-xl:border-0 pb-4"><div class="font-bold text-xs font-aktivgroteskextended uppercase mt-4 tablet-xl:mt-0 tablet-xl:text-right">Share article</div><ul id=":R1bj95n5:" class="flex gap-4 mt-4" data-component-name="social"><li><a class="block h-9 w-9 fill-black hover:fill-shade-7" aria-describedby="blog-social-icon-facebook-:R1bj95n5:" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook" aria-label="External source: Facebook (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path></svg><span id="blog-social-icon-facebook-:R1bj95n5:" class="sr-only">Facebook</span></a></li><li><a class="block h-9 w-9 fill-black hover:fill-shade-7" aria-describedby="blog-social-icon-twitter-:R1bj95n5:" href="https://twitter.com/intent/tweet?text=15+Eye-Catching+Website+Color+Schemes+and+How+To+Use+Them&url=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&via=Shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter" aria-label="External source: Twitter (Opens in a new window)"><svg viewBox="0 0 19 19"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path></svg><span id="blog-social-icon-twitter-:R1bj95n5:" class="sr-only">Twitter</span></a></li><li><a class="block h-9 w-9 fill-black hover:fill-shade-7" aria-describedby="blog-social-icon-linkedin-:R1bj95n5:" href="https://www.linkedin.com/shareArticle?mini=true&source=Shopify&title=15+Eye-Catching+Website+Color+Schemes+and+How+To+Use+Them&url=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin" aria-label="External source: LinkedIn (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path></svg><span id="blog-social-icon-linkedin-:R1bj95n5:" class="sr-only">LinkedIn</span></a></li></ul></div></div></div><div class="col-span-4 xs:col-span-12 lg:col-span-3 col-start-1 hidden lg:block relative" data-component-name="blog-right-sidebar"><div class="tablet-xl:pt-10 desktop:pt-16 pb-6 absolute h-full max-h-full tot-0 left-0"><div class="h-full overflow-hidden" id="blog-side-banners-col"><div class="gap-x-1 flex flex-wrap font-bold text-lg text-legacy-gray-90 !font-shopifysans"> by <span itemProp="author" itemscope="" itemType="https://schema.org/Person"><a href="/id/blog/authors/michael-keenan" class="no-underline" itemProp="url"><span itemProp="name">Michael Keenan</span></a></span></div><div class="text-body-sm text-shade-50">Last updated <time>25 Oct 2024</time></div><div id="blog-side-banners"><div class="mt-[640px] border-t border-shade-30 pt-6 hidden" data-priority="2" data-component-name="blog-CTA-sidebar-email"><p class="richtext text-xl mb-2 font-aktivgroteskextended">The newsletter for entrepreneurs</p><p class="richtext text-sm mb-4">Join millions of self-starters in getting business resources, tips, and inspiring stories in your inbox.</p><form method="post" action="/id/blog/api/subscribe"><div id=":R36r95n5:" data-component-name="waitlist-form-input-wrapper" class="[&_input]:rounded-full [&_input]:border-shade-3 [&_input]:mb-1 [&_input]:pl-4 [&_input]:border-solid [&_input]:border [&_input]:border-shade-30 [&_input]:text-xs tablet-xl:[&_input]:text-base [&_div]:text-xs tablet-xl:[&_div]:text-base [&_button]:bg-black [&_button]:text-white [&_button]:h-14 [&_button]:text-lg [&_button]:text-lg [&_button]:hover:bg-[#3f3f46] [&_button]:active:bg-[#71717a]"><label for="email-input-:R36r95n5H1:" class="sr-only">Enter email</label><input id="email-input-:R36r95n5H1:" class="text-shade-70 h-14 w-full bg-transparent outline-none placeholder:text-black placeholder:font-normal" type="email" spellcheck="false" autoComplete="email" name="email" placeholder="Enter email"/><input type="hidden" name="subscriptionId" value="DE84EF61-2A02-4778-8807-F01B108DE974"/><input type="hidden" name="signup_page" value="/id/blog/website-color-schemes"/><input type="hidden" name="locale" value="en-ID"/><input type="hidden" name="blogHandle" value="blog"/><input type="hidden" name="form_type" value="subscribe"/><div class="hidden sm:block"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Subscribe</button></div></div><div class="block w-full sm:hidden"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Subscribe</button></div><input class="sr-only" id=":R1pb6r95n5:" name="address" aria-label="address"/></form><p class="richtext text-xs mt-2 text-shade-60">Unsubscribe anytime. By entering your email, you agree to receive marketing emails from Shopify. By proceeding, you agree to the <a href="/id/legal/terms" target='_blank'>Terms and Conditions</a> and <a href="/id/legal/privacy" target='_blank'>Privacy Policy</a>.</p></div><div class="bg-[#EEFAB3] mt-[640px] hidden" data-priority="1" data-component-name="blog-CTA-seasonal-email"><div class="p-4 pb-0"><img src="https://cdn.shopify.com/b/shopify-brochure2-assets/c8790c0f3c1fa91ccc845e45ce067bbe.png" alt="start-free-trial"/></div><div class="p-4"><p class="richtext color-black tracking-[-0.02em] text-2xl font-aktivgroteskextended mb-4 uppercase font-semibold">The point of sale for every sale.</p><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled text-base" data-component-name="button" target="">Start free trial</a><p class="richtext text-[0.625rem] text-black pt-2"></p></div></div></div></div></div></div></div><div itemProp="publisher" itemscope="" itemType="https://schema.org/Organization"><meta itemProp="name" content="Shopify"/><div itemProp="logo" itemscope="" itemType="https://schema.org/ImageObject"><meta itemProp="url" content="https://cdn.shopify.com/assets/images/logos/shopify_logo_black.png"/><meta itemProp="width" content="210"/><meta itemProp="height" content="60"/></div></div></article><div class="grid md:grid-cols-2"><div class="relative overflow-hidden"><img class="h-full w-full object-cover absolute top-0 left-0 bottom-0" src="https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040" alt="subscription banner" loading="lazy" decoding="async" width="1420" height="1040" srcSet="https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=200 200w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=400 400w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=600 600w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=800 800w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=1000 1000w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=1200 1200w, https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420&originalHeight=1040&width=1400 1400w"/></div><div class="flex bg-black"><div class="text-left desktop:mx-10 self-center py-16 md:py-28 mx-10 md:mx-0 md:px-4 desktop:px-8"><div class="text-left text-section-dark-text [&_span]:font-aktivgroteskextended [&_span]:text-left tablet-xl:[&_span]:text-[40px] [&_span]:leading-[48px] [&_span]:font-medium [&_span]:tracking-normal [&_p]:text-white [&_p]:text-left [&_p]:text-lg [&_p]:leading-[26px] [&_p]:font-normal [&_p]:tracking-tight [&_p]:pb-6" data-mode="dark" data-component-name="heading-group"><span class="richtext text-t2">The newsletter for entrepreneurs</span><p class="richtext text-body-lg pt-sm">Join millions of self-starters in getting business resources, tips, and inspiring stories in your inbox.</p></div><div class="[&_p]:text-left [&_p]:text-xs [&_p]:leading-[18px] [&_p]:pt-xs [&_button]:mt-[3px]" data-mode="dark" data-center="false"><form method="post" action="/id/blog/api/subscribe" class="flex w-full flex-col justify-center sm:w-[406px] [&_button]:bg-[#7BE986] items-start text-white"><div id=":Ruh5n5:" data-component-name="waitlist-form-input-wrapper" class="box-border flex h-14 w-full justify-between rounded-full border border-shades-60 border-[#52525B] pl-6 pr-1 items-start text-white bg-white"><label for="email-input-:Ruh5n5H1:" class="sr-only">Email here</label><input id="email-input-:Ruh5n5H1:" class="text-shade-70 h-14 w-full bg-transparent outline-none placeholder:text-black placeholder:font-normal" type="email" spellcheck="false" autoComplete="email" name="email" placeholder="Email here"/><input type="hidden" name="subscriptionId" value="DE84EF61-2A02-4778-8807-F01B108DE974"/><input type="hidden" name="signup_page" value="/id/blog/website-color-schemes"/><input type="hidden" name="locale" value="en-ID"/><input type="hidden" name="blogHandle" value="blog"/><input type="hidden" name="form_type" value="subscribe"/><div class="hidden sm:block"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Subscribe</button></div></div><div class="block w-full sm:hidden"><button type="submit" class="inline-block self-center overflow-hidden max-w-full px-button-px ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline disabled:hover-ring-0 md:py-button-lg-py border-2 text-button-light-secondary-text bg-button-light-secondary-bg border-button-light-secondary-border ring-button-light-secondary-border hover:text-button-light-secondary-text-hover hover:ring-button-light-secondary-border-hover focus:text-button-light-secondary-text-focus focus:border-button-light-secondary-border-focus focus:ring-button-light-secondary-border-focus active:text-button-light-secondary-text-active active:border-button-light-secondary-border-active active:ring-button-light-secondary-border-active disabled:text-button-light-secondary-text-disabled disabled:bg-button-light-secondary-bg-disabled disabled:border-button-light-secondary-border-disabled disabled:ring-button-light-secondary-border-disabled w-full mt-2 sm:mt-0 md:text-base py-4 sm:py-3 md:px-7 disabled:!bg-[#e5e7eb] whitespace-nowrap hover:border-white hover:ring-0 hover:bg-[#62ba6b] focus:bg-[#00740B] active:bg-[#00740B] border-none" data-component-name="join-waitlist-form-button">Subscribe</button></div><input class="sr-only" id=":Reauh5n5:" name="address" aria-label="address"/></form><p class="richtext text-body-sm pt-sm sm:w-[406px] w-full items-left text-white">Unsubscribe anytime. By entering your email, you agree to receive marketing emails from Shopify. By proceeding, you agree to the <a href="/id/legal/terms" target='_blank'>Terms and Conditions</a> and <a href="/id/legal/privacy" target='_blank'>Privacy Policy</a>.</p></div></div></div></div></section><div class="relative overflow-hidden bg-blog-bannerBg py-10 tablet-xl:py-20" data-component-name="cta-footer-banner"><div class="container relative flex flex-col items-center text-center py-10 tablet-xl:py-16"><span class="richtext uppercase font-medium font-aktivgroteskextended mb-2 text-[28px] tablet-xl:text-[42px] desktop:text-[48px] max-w-[600px] tablet-xl:mb-6 leading-[36px] tablet-xl:leading-[46px] desktop:leading-[56px]">Sell anywhere with Shopify</span><p class="richtext max-w-[680px] text-body-base tablet-xl:text-body-lg mb-2 tablet-xl:mb-9">Learn on the go. Try Shopify for free, and explore all the tools you need to start, run, and grow your business.</p><div data-component-name="button-group" class="text-base relative z-20" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-sm justify-center"><a href="https://accounts.shopify.com/store-create?language=en&locale=en-ID&signup_page=https%3A%2F%2Fwww.shopify.com%2Fid%2Fblog%2Fwebsite-color-schemes&signup_types[]=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py md:text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">Start free trial</a></div></div><p class="richtext text-sm mt-2">Try Shopify for free, no credit card required.</p></div></div><div class="hidden -top-24 mb-lg [&_label]:text-sm [&_label]:text-white mt-sm mr-sm gap-xl"></div></main><footer class="relative flex flex-col font-shopifysans bg-black text-white" data-component-name="footer" data-viewable-component="true"><section class="container flex flex-col gap-16 py-16 my-0 sm:justify-start sm:pb-16 md:flex-row md:flex-nowrap md:justify-between md:pb-20 md:py-20 md:gap-20 xl:w-full bg-black text-white" data-section-name="footer" data-section-index="1" data-component-name="footer" data-viewable-component="true"><div class="min-w-[100px]"><svg fill="none" role="img" viewBox="0 0 56 64" class="h-[44px]" height="64" data-component-name="shopify-logo"><title>Shopify logo</title><g clip-path="url(#clip0_198_267)"><path d="M37.7102 7.42882C37.7102 7.42882 37.0044 7.6296 35.8448 7.98098C35.6432 7.32843 35.3407 6.57549 34.9374 5.77235C33.6266 3.26255 31.6604 1.90725 29.3414 1.90725C29.1901 1.90725 29.0389 1.90725 28.8372 1.95745C28.7868 1.85706 28.686 1.80686 28.6356 1.70647C27.6273 0.602155 26.3165 0.100194 24.7537 0.15039C21.7288 0.250783 18.7039 2.40921 16.284 6.27431C14.5699 8.9849 13.2591 12.3982 12.9062 15.0586C9.42764 16.1127 7.00774 16.8657 6.95733 16.9159C5.19282 17.468 5.1424 17.5182 4.94075 19.1747C4.7895 20.4296 0.151367 55.7676 0.151367 55.7676L38.2647 62.3433V7.37862C37.9623 7.37862 37.811 7.42882 37.7102 7.42882ZM28.8876 10.1394C26.8711 10.7418 24.6528 11.4445 22.485 12.0971C23.09 9.73784 24.2999 7.37862 25.7115 5.82255C26.2661 5.27039 27.0223 4.61784 27.8794 4.21627C28.7364 6.02333 28.9381 8.48294 28.8876 10.1394ZM24.7537 2.20843C25.4595 2.20843 26.0644 2.35902 26.5686 2.66019C25.7619 3.06176 24.9553 3.71431 24.1991 4.46725C22.2833 6.52529 20.8213 9.73784 20.2163 12.7998C18.4014 13.352 16.5865 13.9041 14.9228 14.4061C16.0319 9.58725 20.1155 2.30882 24.7537 2.20843ZM18.9056 29.8163C19.1072 33.0288 27.6273 33.7316 28.1314 41.3112C28.4843 47.2845 24.9553 51.3504 19.8634 51.6516C13.7129 52.0531 10.3351 48.439 10.3351 48.439L11.6459 42.9174C11.6459 42.9174 15.0237 45.4774 17.746 45.2767C19.5105 45.1763 20.1659 43.7206 20.1155 42.7167C19.8634 38.5002 12.9062 38.7512 12.4525 31.8241C12.0492 26.0014 15.8807 20.1284 24.3503 19.5763C27.6273 19.3755 29.291 20.1786 29.291 20.1786L27.3752 27.4069C27.3752 27.4069 25.2074 26.4029 22.6362 26.6037C18.9056 26.8547 18.8552 29.2139 18.9056 29.8163ZM30.9042 9.53706C30.9042 8.03117 30.7026 5.87274 29.9968 4.06568C32.3158 4.51745 33.4249 7.07745 33.9291 8.63353C33.0216 8.88451 32.0133 9.18568 30.9042 9.53706Z" fill="white"></path><path d="M39.4238 62.2429L55.254 58.3276C55.254 58.3276 48.448 12.4986 48.3976 12.1974C48.3472 11.8963 48.0951 11.6955 47.8431 11.6955C47.591 11.6955 43.1545 11.5951 43.1545 11.5951C43.1545 11.5951 40.4321 8.98488 39.4238 7.98096V62.2429Z" fill="white"></path><path d="M29.2498 20.2129L27.3148 27.4286C27.3148 27.4286 25.1548 26.4426 22.5898 26.6218C18.8098 26.8459 18.8098 29.2213 18.8098 29.8039C19.0348 33.0308 27.5398 33.7479 28.0348 41.3221C28.3948 47.2829 24.8848 51.3613 19.7548 51.6751C13.6348 51.9888 10.2598 48.4034 10.2598 48.4034L11.5648 42.8907C11.5648 42.8907 14.9848 45.4454 17.6848 45.2661C19.4398 45.1765 20.1148 43.6975 20.0248 42.7115C19.7548 38.4986 12.8248 38.7675 12.3748 31.8207C12.0148 25.9944 15.8398 20.1232 24.2998 19.5854C27.5848 19.3613 29.2498 20.2129 29.2498 20.2129Z" fill="black"></path></g><defs><clipPath id="clip0_198_267"><rect width="225" height="64" fill="white"></rect></clipPath></defs></svg></div><div class="md:block md:justify-end"><div class="flex flex-col flex-wrap gap-12 gap-x-4 md:gap-20 md:gap-x-16 sm:grid sm:max-h-fit sm:grid-cols-3 lg:grid-cols-4 max-h-[92rem] sm:max-h-[75rem]"><div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="shopify"><h2 class="text-base font-bold text-white">Shopify</h2><ul class="mt-4 md:mt-6"><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/about" aria-label="About" data-component-name="about">About</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/careers" aria-label="Careers" data-component-name="careers">Careers</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shopifyinvestors.com/home/default.aspx" aria-label="External source: Investors" data-component-name="investors">Investors</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/news" aria-label="External source: Press and Media" data-component-name="press-and-media">Press and Media</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/partners" aria-label="Partners" data-component-name="partners">Partners</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/affiliates" aria-label="Affiliates" data-component-name="affiliates">Affiliates</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/legal" aria-label="Legal" data-component-name="legal">Legal</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopifystatus.com/" aria-label="External source: Service Status" data-component-name="service-status">Service Status</a></li></ul></div><div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="support"><h2 class="text-base font-bold text-white">Support</h2><ul class="mt-4 md:mt-6"><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://help.shopify.com/en/questions" aria-label="External source: Merchant Support" data-component-name="merchant-support">Merchant Support</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://help.shopify.com/en/" aria-label="External source: Help Center" data-component-name="help-center">Help Center</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/partners/directory" aria-label="External source: Hire a Partner" data-component-name="hire-a-partner">Hire a Partner</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://academy.shopify.com?itcat=brochure&itterm=global-footer" aria-label="External source: Shopify Academy" data-component-name="shopify-academy">Shopify Academy</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=footer&utm_content=en-id&utm_medium=web&utm_source=shopify" aria-label="External source: Shopify Community" data-component-name="shopify-community">Shopify Community</a></li></ul></div><div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="developers"><h2 class="text-base font-bold text-white">Developers</h2><ul class="mt-4 md:mt-6"><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shopify.dev" aria-label="External source: Shopify.dev" data-component-name="shopify-dev">Shopify.dev</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shopify.dev/api" aria-label="External source: API Documentation" data-component-name="a-p-i-documentation">API Documentation</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://devdegree.ca" aria-label="External source: Dev Degree" data-component-name="dev-degree">Dev Degree</a></li></ul></div><div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="products"><h2 class="text-base font-bold text-white">Products</h2><ul class="mt-4 md:mt-6"><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shop.app" aria-label="External source: Shop" data-component-name="shop">Shop</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/plus" aria-label="Shopify Plus" data-component-name="shopify-plus">Shopify Plus</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.linkpop.com/" aria-label="External source: Linkpop" data-component-name="linkpop">Linkpop</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/enterprise" aria-label="Shopify for Enterprise" data-component-name="shopify-for-enterprise">Shopify for Enterprise</a></li></ul></div><div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="solutions"><h2 class="text-base font-bold text-white">Solutions</h2><ul class="mt-4 md:mt-6"><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/online" aria-label="Online Store Builder" data-component-name="online-store-builder">Online Store Builder</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/website/builder" aria-label="Website Builder" data-component-name="website-builder">Website Builder</a></li><li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="/id/tour/ecommerce-website" aria-label="Ecommerce Website" data-component-name="ecommerce-website">Ecommerce Website</a></li></ul></div></div></div></section><section class="border-t my-0 container max-sm:mx-0 xl:w-full border-white border-opacity-20 bg-inherit" data-section-name="footer" data-section-index="2" data-component-name="footer" data-viewable-component="true"><div class="flex flex-col items-center justify-center gap-4 py-8 sm:items-start sm:gap-8 lg:flex-row lg:justify-between lg:gap-10 bg-black text-white"><div class="mt-1 flex w-full flex-col items-center justify-center sm:flex-row sm:items-start sm:justify-start sm:gap-8 lg:gap-14"><div class="relative hidden sm:block" data-click-outside="dismiss" data-component-name="regions"><button aria-controls="regionSelector" aria-expanded="false" aria-haspopup="true" class="bg-transparent mx-auto md:inline-block py-3 text-[#E0E0E0] hover:text-white" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: Indonesia"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-white"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">Indonesia</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-white"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="w-128 absolute bottom-[calc(100%+5em)] z-50 rounded-lg leading-8 bg-black text-white shadow-soft-dark-2xl inset-x-0" id="regionSelector" data-component-name="region-selector" style="display:none"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/id/blog/website-color-schemes" data-component-name="en-0" aria-current="true">Indonesia<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ca/blog/website-color-schemes" lang="en-ca" data-component-name="en-ca-1" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/uk/blog/website-color-schemes" lang="en-gb" data-component-name="en-gb-2" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/au/blog/website-color-schemes" lang="en-au" data-component-name="en-au-3" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/id/blog/website-color-schemes" data-component-name="en-id-4" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/nz/blog/website-color-schemes" lang="en-nz" data-component-name="en-nz-5" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/za/blog/website-color-schemes" lang="en-za" data-component-name="en-za-6" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ng/blog/website-color-schemes" lang="en-ng" data-component-name="en-ng-7" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ph/blog/website-color-schemes" lang="en-ph" data-component-name="en-ph-8" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/sg/blog/website-color-schemes" lang="en-sg" data-component-name="en-sg-9" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/hk/blog/website-color-schemes" lang="en-hk" data-component-name="en-hk-10" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ie/blog/website-color-schemes" lang="en-ie" data-component-name="en-ie-11" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/my/blog/website-color-schemes" lang="en-my" data-component-name="en-my-12" aria-current="false"></a></li></ul></div></div><div class="relative block sm:hidden" data-click-outside="dismiss" data-component-name="regions"><div aria-hidden="true" class="fixed top-0 left-0 z-50 h-full w-full text-[1.1428571429em] will-change-auto transition-opacity motion-reduce:transition-none bg-black pointer-events-none opacity-0"></div><button class="bg-transparent mx-auto md:inline-block py-3 text-[#E0E0E0] hover:text-white" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: Indonesia"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-white"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">Indonesia</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-white"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="webkit-overflow-scrolling-touch fixed overflow-hidden z-[999] box-content will-change-auto w-full inset-0 mt-16 rounded-t-lg leading-[3rem] duration-300 ease-in-out motion-reduce:animation-none motion-reduce:transition-none bg-black text-white shadow-soft-dark-2xl invisible translate-y-full" id="mobileRegionSelector" aria-label="Region Navigation" aria-modal="true" role="dialog"><div class="border-shade-30 border-b"><div class="flex items-center justify-between px-5 py-4"><h3 class="text-lg font-medium">Country/region</h3><button class="h-[1.2em] w-[1.2em] fill-current" type="button" data-component-name="region-selector-close"><svg viewBox="0 0 20 20" aria-label="Close Region Navigation" class="h-[1.2em] w-[1.2em] fill-current fill-white"><path d="m11.414 10 6.293-6.293a1 1 0 0 0-1.414-1.414L10 8.586 3.707 2.293a1 1 0 0 0-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 0 0 1.414 1.414L10 11.414l6.293 6.293a.996.996 0 0 0 1.414 0 1 1 0 0 0 0-1.414L11.414 10z"></path></svg></button></div></div><div class="h-full overflow-y-scroll pb-4"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/id/blog/website-color-schemes" data-component-name="en-0" aria-current="true">Indonesia<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ca/blog/website-color-schemes" lang="en-ca" data-component-name="en-ca-1" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/uk/blog/website-color-schemes" lang="en-gb" data-component-name="en-gb-2" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/au/blog/website-color-schemes" lang="en-au" data-component-name="en-au-3" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/id/blog/website-color-schemes" data-component-name="en-id-4" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/nz/blog/website-color-schemes" lang="en-nz" data-component-name="en-nz-5" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/za/blog/website-color-schemes" lang="en-za" data-component-name="en-za-6" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ng/blog/website-color-schemes" lang="en-ng" data-component-name="en-ng-7" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ph/blog/website-color-schemes" lang="en-ph" data-component-name="en-ph-8" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/sg/blog/website-color-schemes" lang="en-sg" data-component-name="en-sg-9" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/hk/blog/website-color-schemes" lang="en-hk" data-component-name="en-hk-10" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/ie/blog/website-color-schemes" lang="en-ie" data-component-name="en-ie-11" aria-current="false"></a></li><li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="/my/blog/website-color-schemes" lang="en-my" data-component-name="en-my-12" aria-current="false"></a></li></ul></div></div></div><ul class="flex flex-col items-center flex-wrap sm:flex-row sm:items-start gap-x-8 md:gap-x-10" data-component-name="bottom-nav"><li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="/legal/terms" data-component-name="terms-of-service">Terms of Service</a></li><li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="/legal/privacy" data-component-name="privacy-policy">Privacy Policy</a></li><li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="/id/sitemap" data-component-name="sitemap">Sitemap</a></li><li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="https://privacy.shopify.com/en" data-component-name="privacy-choices" aria-label="External source: Privacy Choices">Privacy Choices</a></li></ul></div><ul class="flex gap-4 md:gap-6" data-component-name="social"><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.facebook.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook" aria-label="External source: Facebook (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://twitter.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter" aria-label="External source: Twitter (Opens in a new window)"><svg viewBox="0 0 19 19"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.youtube.com/user/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-youtube" aria-label="External source: YouTube (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7 6.3 3.8-6.3 3.8v-7.6z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.instagram.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-instagram" aria-label="External source: Instagram (Opens in a new window)"><svg viewBox="0 0 18 18"><path clip-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" fill-rule="evenodd"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.tiktok.com/@shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-tiktok" aria-label="External source: TikTok (Opens in a new window)"><svg viewBox="0 0 30 30"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30ZM17.9679 11.937C19.1423 12.7643 20.551 13.2076 21.9952 13.2041V10.3838C21.2138 10.3841 20.4497 10.1579 19.7979 9.73365C19.3398 9.44298 18.9467 9.06336 18.6427 8.61802C18.3387 8.17268 18.1302 7.67098 18.0299 7.1436C17.9873 6.90737 17.9669 6.66779 17.9689 6.42789H15.0829V17.7069C15.0829 18.2146 14.92 18.7094 14.6173 19.1206C14.3146 19.5317 13.8877 19.8382 13.3975 19.9962C12.9073 20.1543 12.3789 20.1558 11.8878 20.0006C11.3966 19.8454 10.9679 19.5414 10.6627 19.1321C10.3576 18.7227 10.1916 18.2289 10.1886 17.7211C10.1856 17.2134 10.3456 16.7177 10.6458 16.3048C10.946 15.8919 11.3711 15.583 11.8604 15.4221C12.3496 15.2612 12.878 15.2566 13.37 15.409V12.5068C12.2944 12.3595 11.1987 12.539 10.2295 13.0213C9.26031 13.5037 8.46383 14.2658 7.94658 15.2058C7.42933 16.1458 7.21597 17.2188 7.33504 18.2814C7.4541 19.344 7.89992 20.3455 8.61286 21.1519C9.3258 21.9583 10.2719 22.5312 11.3246 22.794C12.3772 23.0568 13.4863 22.997 14.5035 22.6225C15.5207 22.2479 16.3975 21.5766 17.0166 20.6983C17.6357 19.82 17.9676 18.7766 17.9679 17.7075V11.937Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.linkedin.com/company/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin" aria-label="External source: LinkedIn (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.pinterest.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-pinterest" aria-label="External source: Pinterest (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"></path></svg></a></li></ul></div></section></footer></div><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CTuCHl1M.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-DRtheyQB.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-R5SMpisq.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-CoZWJUIT.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-C0CkZO0H.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-B2CGrCyT.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-DvJRVFNr.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-BLkLHBRd.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-DQv_F4qc.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-Bmm5Prh7.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CNon358d.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-BsjI1VIY.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-BXpU7Ohi.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-rnC4VxOd.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-CdLlm0ke.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-9bBiSrGF.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cm4ZPFll.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-Dqn2JlFF.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BaseInput-XCX4TVlN.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-B349-7_a.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/meta-B5XuLiPm.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Article-BRKyuxNc.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-BeIpR_Hw.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/LatestSection-B6PaKAwm.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-CVi-O1N9.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-PwjvKJBO.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Link-B8ft18J3.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-mLKFuOrx.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-MyLcOlK7.js"/><script>window.__remixContext = {"url":"/id/blog/website-color-schemes","basename":"/","future":{"v3_fetcherPersist":false,"v3_relativeSplatPath":false,"v3_throwAbortReason":false,"unstable_singleFetch":false,"unstable_fogOfWar":true},"isSpaMode":false,"state":{"loaderData":{"pages/shopify.com/($locale)~~layout":{"mainNavData":[{"content":"Solutions","data":{"gaEvent":"Main Nav","gaAction":"Online Solutions"},"navItems":[{"content":"Start","data":{"gaEvent":"Main Nav","gaAction":"Build Nav"},"columnStart":1,"columnSpan":3,"icon":"build","navItems":[{"content":"Start your business","url":"/id/start","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Start"},"description":"Build your brand"},{"content":"Create your website","url":"/id/website/builder","data":{"gaEvent":"Main Nav","gaAction":"Create your website"},"description":"Online store editor"},{"content":"Customize your store","url":"https://themes.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Customize your store"},"description":"Store themes"},{"content":"Find business apps","url":"https://apps.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Find business apps"},"description":"Shopify app store"},{"content":"Own your site domain","url":"/id/domains","data":{"gaEvent":"Main Nav","gaAction":"Own your site domain"},"description":"Domains \u0026 hosting"},{"content":"Explore free business tools","url":"/id/tools","data":{"gaEvent":"Main Nav","gaAction":"Explore free business tools"},"description":"Tools to run your business"}]},{"content":"Sell","data":{"gaEvent":"Main Nav","gaAction":"Sell Nav"},"columnStart":4,"columnSpan":3,"icon":"sell","navItems":[{"content":"Sell your products","url":"/id/sell","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Sell your products"},"description":"Sell online or in person"},{"content":"Sell online","url":"/id/online","data":{"gaEvent":"Main Nav","gaAction":"Sell online"},"description":"Grow your business online"},{"content":"Sell across channels","url":"/id/channels","data":{"gaEvent":"Main Nav","gaAction":"Sell on across channels"},"description":"Reach millions of shoppers and boost sales"},{"content":"Sell in person","url":"/id/pos","data":{"gaEvent":"Main Nav","gaAction":"Sell in person"},"description":"Point of Sale (POS)"},{"content":"Sell globally","url":"/id/markets","data":{"gaEvent":"Main Nav","gaAction":"Sell globally"},"description":"International sales"},{"content":"Sell wholesale \u0026 direct","url":"/id/plus/solutions/b2b-ecommerce","data":{"gaEvent":"Main Nav","gaAction":"Sell wholesale and direct"},"description":"Business-to-business (B2B)"}]},{"content":"Market","data":{"gaEvent":"Main Nav","gaAction":"Market Nav"},"columnStart":7,"columnSpan":3,"icon":"market","navItems":[{"content":"Market your business","url":"/id/marketing","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Market your business"},"description":"Reach \u0026 retain customers"},{"content":"Market across social","url":"/id/facebook-instagram","data":{"gaEvent":"Main Nav","gaAction":"Market across social"},"description":"Social media integrations"},{"content":"Chat with customers","url":"/id/inbox","data":{"gaEvent":"Main Nav","gaAction":"inbox"},"description":"Shopify Inbox"},{"content":"Nurture customers","url":"/id/email-marketing","data":{"gaEvent":"Main Nav","gaAction":"Shopify Email"},"description":"Shopify Email"},{"content":"Know your audience","url":"/id/segmentation","data":{"gaEvent":"Main Nav","gaAction":"Know your customers"},"description":"Gain customer insights"}]},{"content":"Manage","data":{"gaEvent":"Main Nav","gaAction":"Manage Nav"},"columnStart":10,"columnSpan":3,"icon":"manage","navItems":[{"content":"Manage your business","url":"/id/manage","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Manage your business"},"description":"Track sales, orders \u0026 analytics"},{"content":"Measure your performance","url":"/id/analytics","data":{"gaEvent":"Main Nav","gaAction":"Measure your Performance"},"description":"Analytics and Reporting"},{"content":"Manage your stock \u0026 orders","url":"/id/orders","data":{"gaEvent":"Main Nav","gaAction":"Organize inventory and orders"},"description":"Inventory \u0026 order management"},{"content":"Automate your business","url":"/id/flow","data":{"gaEvent":"Main Nav","gaAction":"Automate your business"},"description":"Shopify Flow"}]},{"aside":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Shopify Developers","url":"https://shopify.dev","data":{"gaEvent":"Main Nav","gaAction":"Shopify Developers"},"description":"Build with Shopify's powerful APIs","columnSpan":3},{"content":"Plus","url":"/id/plus","data":{"gaEvent":"Main Nav","gaAction":"Shopify Plus"},"description":"A commerce solution for growing digital brands","columnSpan":3},{"content":"All Products","url":"/id/products","data":{"gaEvent":"Main Nav","gaAction":"All products"},"description":"Explore all Shopify products \u0026 features","columnSpan":3}]}]},{"content":"Pricing","url":"/id/pricing","data":{"gaEvent":"Main Nav","gaAction":"Pricing Nav"}},{"content":"Resources","data":{"gaEvent":"Main Nav","gaAction":"Resources Nav"},"navItems":[{"content":"Help and support","data":{"gaEvent":"Main Nav","gaAction":"Help and support Nav"},"columnStart":1,"columnSpan":3,"icon":"helpAndSupport","navItems":[{"content":"Help and support","url":"https://help.shopify.com/en/","data":{"gaEvent":"Main Nav","gaAction":"Help and support"},"description":"Get 24/7 support"},{"content":"How-to guides","url":"/id/blog/topics/guides","data":{"gaEvent":"Main Nav","gaAction":"How-to guides"},"description":"Read in-depth business guides"},{"content":"Business courses","url":"https://academy.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Business courses"},"description":"Learn from proven experts"},{"content":"Shopify blog","url":"/id/blog","data":{"gaEvent":"Main Nav","gaAction":"Shopify blog"},"description":"Business strategy tips"}]},{"content":"Popular topics","data":{"gaEvent":"Main Nav","gaAction":"Popular topics Nav"},"columnStart":4,"columnSpan":6,"splitColumns":true,"icon":"popularTopics","navItems":[{"content":"What is Shopify?","url":"/id/blog/what-is-shopify","data":{"gaEvent":"Main Nav","gaAction":"What is Shopify?"},"description":"How our commerce platform works"},{"content":"Shopify Editions","url":"/id/editions","data":{"gaEvent":"Main Nav","gaAction":"Editions"},"description":"New, innovative Shopify products"},{"content":"Founder stories","url":"/id/blog/topics/founder-stories","data":{"gaEvent":"Main Nav","gaAction":"Founder Stories"},"description":"Learn from successful merchants"},{"content":"Branding","url":"/id/blog/how-to-build-a-brand","data":{"gaEvent":"Main Nav","gaAction":"Branding"},"description":"Build your brand from scratch"},{"content":"Marketing","url":"/id/blog/marketing-plan","data":{"gaEvent":"Main Nav","gaAction":"Marketing"},"description":"Build a marketing plan"},{"content":"Ecommerce SEO","url":"/id/blog/ecommerce-seo-beginners-guide","data":{"gaEvent":"Main Nav","gaAction":"Ecommerce SEO"},"description":"Improve your search ranking"},{"content":"Social media strategy","url":"/blog/social-media-marketing-strategy","data":{"gaEvent":"Main Nav","gaAction":"Social media strategy"},"description":"Turn social into sales"},{"content":"Business growth","url":"/id/blog/how-to-scale-small-business","data":{"gaEvent":"Main Nav","gaAction":"Business growth"},"description":"Scale your business"}]},{"content":"Essential tools","data":{"gaEvent":"Main Nav","gaAction":"Essential tools Nav"},"columnStart":10,"columnSpan":3,"aside":true,"icon":"essentialTools","navItems":[{"content":"Logo maker","url":"/tools/logo-maker","data":{"gaEvent":"Main Nav","gaAction":"Logo maker"}},{"content":"Stock photography","url":"https://www.shopify.com/stock-photos","data":{"gaEvent":"Main Nav","gaAction":"Stock photography"}},{"content":"Business plan template","url":"/id/blog/business-plan-template","data":{"gaEvent":"Main Nav","gaAction":"Business plan template"}},{"content":"Link in bio tool","url":"https://www.linkpop.com/","data":{"gaEvent":"Main Nav","gaAction":"Link in bio tool"}},{"content":"QR code generator","url":"/tools/qr-code-generator","data":{"gaEvent":"Main Nav","gaAction":"QR code generator"}}]}]},{"content":"Enterprise","url":"/id/enterprise","data":{"gaEvent":"Main Nav","gaAction":"Upmarket Enterprise CTA"}},{"content":"What’s new","data":{"gaEvent":"Main Nav","gaAction":"What's New"},"navItems":[{"simple":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Changelog","url":"https://changelog.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Changelog"},"description":"Your source for recent updates","columnSpan":3,"icon":"changelog"},{"content":"Summer ’24 Edition","url":"/id/editions/summer2024","data":{"gaEvent":"Main Nav","gaAction":"Editions"},"description":"The latest 100+ product updates","columnSpan":3,"icon":"editions"},{"content":"All Editions","url":"/editions/all","data":{"gaEvent":"Main Nav","gaAction":"All Editions"},"description":"Archive of past Shopify Editions","columnSpan":3,"icon":"allEditions"},{"content":"Newsroom","url":"https://shopify.com/news","data":{"gaEvent":"Main Nav","gaAction":"Newsroom"},"description":"All company news and press releases","columnSpan":3,"icon":"newsroom"}]}]}]},"pages/shopify.com/($locale)/blog/$article":{"article":{"__typename":"Article","authorV2":{"__typename":"ArticleAuthor","name":"Michael Keenan","avatarUrl":"https://www.gravatar.com/avatar/104375eb7d4622e1111818021fec5870?s=200\u0026d=404","isDisabledAuthor":false},"id":"gid://shopify/Article/561876467746","handle":"website-color-schemes","title":"15 Eye-Catching Website Color Schemes and How To Use Them","publishedAt":"2024-10-25T13:57:35Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913","altText":null,"width":1848,"height":782},"tags":["Design"],"contentHtml":"\u003cp\u003eColor is one of the most powerful tools in a web designer’s toolbox. It can draw attention, convey meaning, and spark desire—all while driving conversions and building customer loyalty. \u003c/p\u003e\n\u003cp\u003eA good color scheme is especially important in ecommerce website design, where you must communicate information quickly and expressively to turn casual browsers into committed buyers.\u003c/p\u003e\n\u003cp\u003eAhead, discover 15 ecommerce website color schemes and tips for choosing a palette for your website. \u003c/p\u003e\n\u003cdiv class=\"marketing-block marketing-block--light marketing-block--padded\"\u003e\n\u003cp\u003e\u003cstrong\u003eTable of contents\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"#1\"\u003eWhat is a website color scheme?\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#2\"\u003eWhy is your website color scheme important?\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#3\"\u003e15 beautiful ecommerce website color schemes\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#4\"\u003eHow to choose the right website color scheme\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#5\"\u003eWebsite color scheme FAQ\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003ch2 id=\"1\"\u003eWhat is a website color scheme?\u003c/h2\u003e\n\u003cp\u003eWebsite color schemes are carefully chosen palettes that define a site’s \u003ca href=\"/blog/how-to-diy-a-visual-brand\"\u003evisual identity\u003c/a\u003e. Typically featuring three to five main colors, schemes are applied across all elements, from backgrounds to buttons. Designers select these combinations to evoke specific moods, create visual harmony, and reinforce branding. \u003c/p\u003e\n\u003cp\u003eBusiness owners, designers, and developers collaborate on color selection, considering factors like industry norms, \u003ca href=\"/blog/target-audience\"\u003etarget audience\u003c/a\u003e preferences, and \u003ca href=\"/blog/color-psychology\"\u003ecolor psychology\u003c/a\u003e. When done right, a color scheme becomes integral to a website’s success, communicating the brand’s essence and enhancing the overall user experience.\u003c/p\u003e\n\u003ch2 id=\"2\"\u003eWhy is your website color scheme important?\u003c/h2\u003e\n\u003cp\u003eIn most cases, a well-developed website color scheme will accomplish two goals: creating a strong brand identity and driving conversion.\u003c/p\u003e\n\u003ch3\u003eBuilds brand identity through color\u003c/h3\u003e\n\u003cp\u003eColors convey meaning and information about the brand while creating uniformity across different products on the website. \u003ca href=\"https://straitsresearch.com/statistic/role-of-color-in-branding-and-marketing\"\u003eResearch\u003c/a\u003e shows that color can increase \u003ca href=\"/blog/brand-recognition\"\u003ebrand recognition\u003c/a\u003e by up to 80%.\u003c/p\u003e\n\u003cp\u003eBased on color theory, designers combine hues that evoke the right emotions for a brand. The result is an appealing combination that communicates the \u003ca href=\"/blog/brand-identity\"\u003ebrand’s identity\u003c/a\u003e to browsers. \u003c/p\u003e\n\u003ch3\u003eDrives conversions with strategic color choices\u003c/h3\u003e\n\u003cp\u003eAccent colors most easily drive conversion. \u003ca href=\"https://straitsresearch.com/statistic/role-of-color-in-branding-and-marketing\"\u003eData\u003c/a\u003e from 2024 shows that 85% of people claim color significantly influences what they buy.\u003c/p\u003e\n\u003cp\u003eAccent colors use contrast to highlight specific products and give strong directional cues—such as pointing toward a page’s CTAs and Buy buttons. Find accent colors using a color wheel. The complementary color directly across a color wheel from your primary color stands out on a web page and draws the user’s eye.\u003c/p\u003e\n\u003ch2 id=\"3\"\u003e15 beautiful ecommerce website color schemes\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"#11\"\u003eAutumnal\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#12\"\u003eVibrant neon\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#13\"\u003eFestive yet modern\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#14\"\u003eVintage neutral\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#15\"\u003eCool-toned and retro\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#16\"\u003eSlate and ivory\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#17\"\u003eSoft and warm\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#18\"\u003eLively mint\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#19\"\u003eCozy complementary\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#20\"\u003eSubtle white\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#21\"\u003eUrban neutral\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#22\"\u003eBold black and gold\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#23\"\u003ePlayful pastel\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#24\"\u003eCoastal\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#25\"\u003eBold and grounded\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eHere are 15 real-world website color schemes to inspire your brand’s unique color palette: \u003c/p\u003e\n\u003ch3 id=\"11\"\u003e1. Autumnal\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Plum fabric with water droplets and a woman in a purple vest standing in a mossy forest background.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/autumnal.png?v=1729284864\"\u003e\n\u003cp\u003eThis autumnal theme mixes deep plum with forest green to create a connection to nature, which reflects \u003ca href=\"https://www.tentree.com/\"\u003etentree\u003c/a\u003e’s brand. Combined with warm beige and soft olive green colors, it feels calming yet ready for adventure. \u003c/p\u003e\n\u003ch3 id=\"12\"\u003e2. Vibrant neon\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Magic Spoon cereal boxes with a bowl of colorful cereal and protein bars on a purple background.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/magicspoon_5042a655-81ff-46d2-af6b-4a8da062616c.png?v=1729284864\"\u003e\n\u003cp\u003e\u003ca href=\"https://magicspoon.com/\"\u003eMagic Spoon\u003c/a\u003e’s color palette emphasizes high energy, boldness, and fun, aligning with its playful childhood cereal theme. The deep purple sets a bold and vibrant tone, with neon pink, bright yellow, and lime greens that create excitement and give off a youthful vibe.\u003c/p\u003e\n\u003ch3 id=\"13\"\u003e3. Festive yet modern \u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Two pairs of people wearing festive sweaters, sitting on a couch against a colorful backdrop.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/theoutrage_1ac10397-dd8b-4636-8a04-4a5b347e665a.png?v=1729284863\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.the-outrage.com/\"\u003eThe Outrage’s\u003c/a\u003e color palette blends a strong, modern feel with festive, holiday warmth. The bold blues and greens pair well with the cheerful reds and whites, delivering a lively, celebratory aesthetic rooted in activism and community engagement.\u003c/p\u003e\n\u003ch3 id=\"14\"\u003e4. Vintage neutral\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Woman in a cream sweater and floral skirt standing in a grassy field under soft, natural light.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/adornedvintage.png?v=1729284864\" class=\"block block--bordered\"\u003e\n\u003cp\u003eThis website color scheme sports muted tones and natural hues to create a serene, vintage-inspired atmosphere for shoppers. \u003ca href=\"https://www.adoredvintage.com/\"\u003eAdorned Vintage\u003c/a\u003e’s brand, which focuses on feminine, timeless fashion, aligns perfectly with earthy tones set by soft cream, pastel beige, and light green.\u003c/p\u003e\n\u003ch3 id=\"15\"\u003e5. Cool-toned and retro \u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Group of people in retro swimsuits posing cheerfully by a riverbank with a rocky background.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/beefcakeswimwear.png?v=1729284864\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.beefcakeswimwear.com/\"\u003eBeefcake Swimwear\u003c/a\u003e’s website color scheme nails the blend of outdoor fun and nostalgic elegance. Deep forest green and muted dark blues accented with rust red and neutral sand capture the essence of vintage swimwear in a natural setting. \u003c/p\u003e\n\u003ch3 id=\"16\"\u003e6. Slate and ivory\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Elegant grazing table with ivory linens, floral arrangements, and food against a dark backdrop.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/silkandwillow.png?v=1729284864\" class=\"block block--bordered\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.silkandwillow.com/\"\u003eSilk \u0026amp; Willow\u003c/a\u003e’s website colors express a high-end, vintage-inspired aesthetic. They blend dark, dramatic tones like charcoal slate with soft ivory to create a dramatic, high-contrast, and luxurious palette. Creamy whites and earthy tones also lend a natural and grounded feel that is timeless and inviting. \u003c/p\u003e\n\u003ch3 id=\"17\"\u003e7. Soft and warm\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Baby with parent under red sleep lamp reading a book, promoting circadian rhythm sleep aid.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/kulala_ef4f5d6c-5f9e-4eb0-98e0-94a6423544e6.png?v=1729284863\"\u003e\n\u003cp\u003eThe soft, warm palette that \u003ca href=\"https://kulalaland.com/\"\u003eKulala\u003c/a\u003e uses combines soft amber yellow and deep night red to create a calming ambiance. Muted lavender and dark navy blue add a soothing tone, while vibrant orange accents draw the viewer’s attention. \u003c/p\u003e\n\u003ch3 id=\"18\"\u003e8. Lively mint\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Cocofloss products with an Allure award seal next to a toothbrush and mint toothpaste on a counter.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/cocofloss_b311f95a-ca8c-4058-aacf-ca3f2325297f.png?v=1729284864\"\u003e\n\u003cp\u003e\u003ca href=\"https://cocofloss.com/\"\u003eCocofloss\u003c/a\u003e’s color scheme strikes a balance between freshness and fun. The refreshing mint green and calming aqua blue provides a clean, spa-like feel. Playful pops of bright yellow and soft peach add warmth and energy. \u003c/p\u003e\n\u003ch3 id=\"19\"\u003e9. Cozy complementary\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Model wearing cozy casual outfits with red pants and green sweater against a soft pink backdrop.Model wearing cozy casual outfits with red pants and green sweater against a soft pink backdrop.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/sundry.png?v=1729284864\" class=\"block block--bordered\"\u003e\n\u003cp\u003eThe use of warm tones like blush pink and deep forest green creates a cozy, inviting atmosphere for this apparel collection. The soft pink backdrop keeps the focus on the clothing, while the bold pops of red and yellow add playful energy to the imagery. The color combination of muted neutrals and vibrant accents provides a balanced yet eye-catching aesthetic that reflects \u003ca href=\"https://sundryclothing.com/\"\u003eSundry’\u003c/a\u003es approach to casual, comfortable style.\u003c/p\u003e\n\u003ch3 id=\"20\"\u003e10. Subtle white\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Bride in an off-shoulder white gown standing by stone columns in an elegant outdoor setting.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/truvellebridal.png?v=1729284864\" class=\"block block--bordered\"\u003e\n\u003cp\u003e\u003ca href=\"https://truvelle.com/\"\u003eTruvelle Bridal\u003c/a\u003e is all about simple, clean, elegant wedding dresses, and its color scheme of whites, taupes, and grays reflects that. With muted neutrals and soft tones, this color palette lets the \u003ca href=\"/retail/brand-story\"\u003ebrand story\u003c/a\u003e and products shine.\u003c/p\u003e\n\u003ch3 id=\"21\"\u003e11. Urban neutral\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Man in olive jacket and cream pants posing in front of classic European architecture.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/velasca_0668bbea-4aa2-4c14-8357-0b02e4957dda.png?v=1729284864\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.velasca.com/\"\u003eVelasca\u003c/a\u003e’s palette is defined by warm, neutral tones and deep, sophisticated hues. The architecture features soft terracotta and beige walls, creating an inviting, classic European backdrop of elegance. The model’s olive green jacket and navy sweater add a muted, earthy contrast that complements the surrounding colors. \u003c/p\u003e\n\u003ch3 id=\"22\"\u003e12. Bold black and gold\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"BLK \u0026amp; Bold coffee products displayed in a clean grid layout with bold black and gold packaging.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/blkandboldcoffee.png?v=1729284863\"\u003e\n\u003cp\u003eA bold color scheme for a bold product. \u003ca href=\"https://blkandbold.com/\"\u003eBLK \u0026amp; Bold\u003c/a\u003e’s use of black conveys sophistication and authority, with vibrant gold accents that add a sense of luxury. Clean whites and subtle grays provide a crisp, soft, minimalist feel that helps the website elements stand out. \u003c/p\u003e\n\u003ch3 id=\"23\"\u003e13. Playful pastel\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Three models with beauty products in a pastel vanity setting with blush pink and mint green tones.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/beautybakerie.png?v=1729284863\"\u003e\n\u003cp\u003eThis website color palette blends fresh pastels with hints of glamor, creating an inviting and feminine feel. Mint green, blush pink, and golden champagne give a playful, yet luxurious energy that captures \u003ca href=\"https://www.beautybakerie.com/\"\u003eBeauty Bakerie\u003c/a\u003e’s focus on beauty and fun. \u003c/p\u003e\n\u003ch3 id=\"24\"\u003e14. Coastal \u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Back view of woman holding a spray bottle at the beach with her hair blowing in the wind.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/tofinosoapcompany.png?v=1729284864\" class=\"block block--bordered\"\u003e\n\u003cp\u003eThe \u003ca href=\"https://tofinosoapcompany.com/\"\u003eTofino Soap Company\u003c/a\u003e website sports soft, beach-inspired hues with natural, earthy tones. Sky blue, warm beige, and earthy brown interplay to evoke calmness, purity, and a connection to nature. These colors perfectly complement the product’s focus on natural, eco-friendly skincare.\u003c/p\u003e\n\u003ch3 id=\"25\"\u003e15. Bold and grounded\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/flybyjing_0d8ce00a-3c6e-4d59-a4db-b6cc57d202e6.png?v=1729284864\"\u003e\n\u003cp\u003e\u003ca href=\"https://flybyjing.com/shop/\"\u003eFly by Jing\u003c/a\u003e brings together bold, electric hues with earthy, grounding tones that reflect its flavorful products. Vibrant magenta and orange lend a playful energy, while deep greens and purples add richness and depth. The palette is designed to instill a sense of excitement and urgency to try the brand’s famous chili sauces. \u003c/p\u003e\n\u003ch2 id=\"4\"\u003eHow to choose the right website color scheme\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"#31\"\u003eReflect on your brand identity\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#32\"\u003eChoose a primary color\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#33\"\u003eSelect secondary colors\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#34\"\u003eDetermine your background color\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#35\"\u003eChoose a typeface color\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eBuilding a color scheme requires a methodical approach. Here are the steps to follow to build out your website’s color scheme: \u003c/p\u003e\n\u003ch3 id=\"31\"\u003e1. Reflect on your brand identity\u003c/h3\u003e\n\u003cp\u003eBefore choosing any colors, first consider your brand and offerings and how colors might reflect your mission or \u003ca href=\"/blog/value-proposition\"\u003evalue proposition\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eFor example, a fitness brand might identify its core values as energetic, health-focused, and motivational. To appease a target audience of health-conscious millennials, a color scheme could involve trendy, vibrant, high-energy colors like yellow, orange, or green. \u003c/p\u003e\n\u003cp\u003eAsk these questions to interrogate the core of your brand::\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat three to five adjectives best describe your brand? Is it innovative, traditional, eco-friendly, luxury-oriented, or family-focused?\u003c/li\u003e\n\u003cli\u003eWho are you trying to reach? What colors do they tend to respond to? What colors might turn them off?\u003c/li\u003e\n\u003cli\u003eWhat emotions do you want people to feel when they think about your brand?\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e📚 \u003cstrong\u003eLearn: \u003c/strong\u003e\u003ca href=\"/blog/brand-identity\"\u003eWhat Is Brand Identity? 6 Key Elements\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"32\"\u003e2. Choose a primary color\u003c/h3\u003e\n\u003cp\u003eResearch the emotions associated with different colors, or the theory of \u003ca href=\"/blog/color-psychology\"\u003ecolor psychology\u003c/a\u003e. For example, warm colors (reds, oranges, yellows) are energetic and attention-grabbing, while cool colors (blues, greens, purples) are often more calming and professional.\u003c/p\u003e\n\u003cp\u003eAnalyze what colors your competitors use. You might want to align with industry standards or deliberately stand out. Once you’ve chosen a color, experiment with different shades and tints to find the perfect match for your brand. For example, you may decide on blue as your primary color, but your color palette will differ wildly depending on whether you choose a light, icy blue or a deep indigo. \u003c/p\u003e\n\u003ch3 id=\"33\"\u003e3. Select secondary colors\u003c/h3\u003e\n\u003cp\u003eSecondary colors work in harmony with your primary color to complete the color scheme. There are a few color harmony rules that can guide your choice if you’re not working with a designer who already knows them:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cstrong\u003eComplementary colors. \u003c/strong\u003eColors opposite each other on the color wheel (e.g., blue and orange).\u003c/strong\u003e\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalogous colors. \u003c/strong\u003eColors next to each other on the color wheel (e.g., blue, blue-green, and green).\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTriadic colors. \u003c/strong\u003eThree colors equally spaced on the color wheel (e.g., red, yellow, and blue).\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eStick to one or two secondary colors. You can use up to five colors max, but be cautious, as too many colors can be overwhelming.\u003c/p\u003e\n\u003cp\u003e💡 \u003cstrong\u003eTip: \u003c/strong\u003eUse a color palette generator like \u003ca href=\"https://color.adobe.com/create/color-wheel\"\u003eAdobe Color\u003c/a\u003e to create a website color scheme for your brand.\u003c/p\u003e\n\u003ch3 id=\"34\"\u003e4. Determine your background color\u003c/h3\u003e\n\u003cp\u003eYour background color sets the stage for all other elements on your website. The goal is to highlight your content without overwhelming it. \u003c/p\u003e\n\u003cp\u003eMany brands use light background colors to express cleanliness and ease of browsing. Softer, toned-down backgrounds tend to be easier on the eyes, too, but that’s not a hard-and-fast rule. Some brands use darker backgrounds because it creates a better experience for their particular buyers. \u003c/p\u003e\n\u003cp\u003ePlace sample content on your background to ensure it doesn’t overshadow your actual information.\u003c/p\u003e\n\u003ch3 id=\"35\"\u003e5. Choose a typeface color\u003c/h3\u003e\n\u003cp\u003eLast but not least, choose your text color. This color should be highly contrasted with your background color for readability purposes. Check your options with \u003ca href=\"https://webaim.org/resources/contrastchecker/\"\u003eWebAIM’s Contrast Checker\u003c/a\u003e to ensure you’re meeting web accessibility standards.\u003c/p\u003e\n\u003cp\u003eUse the same text color throughout your site for body text. You can use different colors for headings or special text, but be consistent with these as well. \u003c/p\u003e\n\u003ch2\u003eCreate better browsing experiences with the right color scheme\u003c/h2\u003e\n\u003cp\u003eChoosing your website is an ongoing process. Don’t be afraid to experiment with different combinations and get customer feedback to find the right fit. Your colors should work together to create a cohesive and appealing website that represents your brand on the internet. \u003c/p\u003e\n\u003cdiv class=\"marketing-block marketing-block--light marketing-block--padded\"\u003e\n\u003cdiv itemtype=\"https://schema.org/FAQPage\" itemscope=\"\"\u003e\n\u003ch2 id=\"5\"\u003eWebsite color scheme FAQ\u003c/h2\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat is the most eye-catching color?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eBright, saturated hues like red, yellow, and orange typically catch the eye most effectively. However, a color’s ability to stand out depends largely on its contrast with surrounding elements and the overall visual context.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat is the best color scheme for a website?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eThe best color scheme for a website depends on its purpose, the target audience, and the overall design aesthetic. Generally, lighter and softer colors (like a light blue background) are calming and inviting, while darker and vibrant colors (like royal blue and lime green) provide more energy and excitement. It is also important to consider how colors interact with one another and how they will appear on different devices.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat are the seven major color schemes?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cul\u003e\n\u003cli\u003eMonochromatic. Tonal variations of a single color.\u003c/li\u003e\n\u003cli\u003eAnalogous. Colors next to each other on the color wheel.\u003c/li\u003e\n\u003cli\u003eComplementary. Colors opposite each other on the color wheel. \u003c/li\u003e\n\u003cli\u003eSplit Complementary. A base color complemented by the colors next to its complementary color on the color wheel. \u003c/li\u003e\n\u003cli\u003eTriadic. Three colors equally spaced around the color wheel. \u003c/li\u003e\n\u003cli\u003eTetradic. Complementary pairs of colors.\u003c/li\u003e\n\u003cli\u003eSquare. Four colors equally spaced around the color wheel.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat is a website color scheme?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eA website color scheme is the combination of colors used on a website. The color combinations are usually chosen to reflect the brand or company and create a unified look and feel. They are typically chosen for their contrast, vibrancy, and ability to work together to create a cohesive look.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhich is the best background color for a website?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eThe best background color for a website will depend on its purpose and design. Generally, a neutral color such as white or light gray is a good option, as it can create a clean and modern look. If a more dynamic background color is desired, blues, greens, and other softer colors can provide a more inviting feel.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e","excerpt":"Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes.","excerptHtml":"Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes.","seo":{"__typename":"SEO","title":"15 Eye-Catching Website Color Schemes and How To Use Them","description":"Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes."},"metafields":[null,null,null,null,null,null,null],"imageUrl":"https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913","imageAltText":null,"imageClass":"","modifiedAt":"25 Oct 2024","modifiedAtRaw":"2024-10-25T13:57:35Z"},"metaDescription":"Finding the perfect website color scheme isn’t easy. To inspire you, here are some of our favorite ecommerce sites that boast beautiful color palettes.","contentHtml":"\u003cp\u003eColor is one of the most powerful tools in a web designer’s toolbox. It can draw attention, convey meaning, and spark desire—all while driving conversions and building customer loyalty.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eA good color scheme is especially important in ecommerce website design, where you must communicate information quickly and expressively to turn casual browsers into committed buyers.\u003c/p\u003e\n\u003cp\u003eAhead, discover 15 ecommerce website color schemes and tips for choosing a palette for your website.\u0026nbsp;\u003c/p\u003e\u003cdiv id=\"text-cta\" class=\"hidden lg:block\"\u003e\u003c/div\u003e\n\n\u003ch2 id=\"1\"\u003eWhat is a website color scheme?\u003c/h2\u003e\n\u003cp\u003eWebsite color schemes are carefully chosen palettes that define a site’s \u003ca href=\"/id/blog/how-to-diy-a-visual-brand\"\u003evisual identity\u003c/a\u003e. Typically featuring three to five main colors, schemes are applied across all elements, from backgrounds to buttons. Designers select these combinations to evoke specific moods, create visual harmony, and reinforce branding.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eBusiness owners, designers, and developers collaborate on color selection, considering factors like industry norms, \u003ca href=\"/id/blog/target-audience\"\u003etarget audience\u003c/a\u003e preferences, and \u003ca href=\"/id/blog/color-psychology\"\u003ecolor psychology\u003c/a\u003e. When done right, a color scheme becomes integral to a website’s success, communicating the brand’s essence and enhancing the overall user experience.\u003c/p\u003e\n\u003ch2 id=\"2\"\u003eWhy is your website color scheme important?\u003c/h2\u003e\n\u003cp\u003eIn most cases, a well-developed website color scheme will accomplish two goals: creating a strong brand identity and driving conversion.\u003c/p\u003e\n\u003ch3\u003eBuilds brand identity through color\u003c/h3\u003e\n\u003cp\u003eColors convey meaning and information about the brand while creating uniformity across different products on the website. \u003ca href=\"https://straitsresearch.com/statistic/role-of-color-in-branding-and-marketing\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eResearch\u003c/a\u003e shows that color can increase \u003ca href=\"/id/blog/brand-recognition\"\u003ebrand recognition\u003c/a\u003e by up to 80%.\u003c/p\u003e\n\u003cp\u003eBased on color theory, designers combine hues that evoke the right emotions for a brand. The result is an appealing combination that communicates the \u003ca href=\"/id/blog/brand-identity\"\u003ebrand’s identity\u003c/a\u003e to browsers.\u0026nbsp;\u003c/p\u003e\n\u003ch3\u003eDrives conversions with strategic color choices\u003c/h3\u003e\n\u003cp\u003eAccent colors most easily drive conversion. \u003ca href=\"https://straitsresearch.com/statistic/role-of-color-in-branding-and-marketing\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eData\u003c/a\u003e from 2024 shows that 85% of people claim color significantly influences what they buy.\u003c/p\u003e\n\u003cp\u003eAccent colors use contrast to highlight specific products and give strong directional cues—such as pointing toward a page’s CTAs and Buy buttons. Find accent colors using a color wheel. The complementary color directly across a color wheel from your primary color stands out on a web page and draws the user’s eye.\u003c/p\u003e\n\u003ch2 id=\"3\"\u003e15 beautiful ecommerce website color schemes\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"#11\"\u003eAutumnal\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#12\"\u003eVibrant neon\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#13\"\u003eFestive yet modern\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#14\"\u003eVintage neutral\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#15\"\u003eCool-toned and retro\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#16\"\u003eSlate and ivory\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#17\"\u003eSoft and warm\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#18\"\u003eLively mint\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#19\"\u003eCozy complementary\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#20\"\u003eSubtle white\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#21\"\u003eUrban neutral\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#22\"\u003eBold black and gold\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#23\"\u003ePlayful pastel\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#24\"\u003eCoastal\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#25\"\u003eBold and grounded\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eHere are 15 real-world website color schemes to inspire your brand’s unique color palette:\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"11\"\u003e1. Autumnal\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Plum fabric with water droplets and a woman in a purple vest standing in a mossy forest background.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/autumnal.png?v=1729284864\"\u003e\n\u003cp\u003eThis autumnal theme mixes deep plum with forest green to create a connection to nature, which reflects \u003ca href=\"https://www.tentree.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003etentree\u003c/a\u003e’s brand. Combined with warm beige and soft olive green colors, it feels calming yet ready for adventure.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"12\"\u003e2. Vibrant neon\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Magic Spoon cereal boxes with a bowl of colorful cereal and protein bars on a purple background.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/magicspoon_5042a655-81ff-46d2-af6b-4a8da062616c.png?v=1729284864\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://magicspoon.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eMagic Spoon\u003c/a\u003e’s color palette emphasizes high energy, boldness, and fun, aligning with its playful childhood cereal theme. The deep purple sets a bold and vibrant tone, with neon pink, bright yellow, and lime greens that create excitement and give off a youthful vibe.\u003c/p\u003e\n\u003ch3 id=\"13\"\u003e3. Festive yet modern\u0026nbsp;\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Two pairs of people wearing festive sweaters, sitting on a couch against a colorful backdrop.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/theoutrage_1ac10397-dd8b-4636-8a04-4a5b347e665a.png?v=1729284863\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.the-outrage.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eThe Outrage’s\u003c/a\u003e color palette blends a strong, modern feel with festive, holiday warmth. The bold blues and greens pair well with the cheerful reds and whites, delivering a lively, celebratory aesthetic rooted in activism and community engagement.\u003c/p\u003e\n\u003ch3 id=\"14\"\u003e4. Vintage neutral\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Woman in a cream sweater and floral skirt standing in a grassy field under soft, natural light.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/adornedvintage.png?v=1729284864\" class=\"block block--bordered\" loading=\"lazy\"\u003e\n\u003cp\u003eThis website color scheme sports muted tones and natural hues to create a serene, vintage-inspired atmosphere for shoppers. \u003ca href=\"https://www.adoredvintage.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eAdorned Vintage\u003c/a\u003e’s brand, which focuses on feminine, timeless fashion, aligns perfectly with earthy tones set by soft cream, pastel beige, and light green.\u003c/p\u003e\n\u003ch3 id=\"15\"\u003e5. Cool-toned and retro\u0026nbsp;\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Group of people in retro swimsuits posing cheerfully by a riverbank with a rocky background.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/beefcakeswimwear.png?v=1729284864\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.beefcakeswimwear.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eBeefcake Swimwear\u003c/a\u003e’s website color scheme nails the blend of outdoor fun and nostalgic elegance. Deep forest green and muted dark blues accented with rust red and neutral sand capture the essence of vintage swimwear in a natural setting.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"16\"\u003e6. Slate and ivory\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Elegant grazing table with ivory linens, floral arrangements, and food against a dark backdrop.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/silkandwillow.png?v=1729284864\" class=\"block block--bordered\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.silkandwillow.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eSilk \u0026amp; Willow\u003c/a\u003e’s website colors express a high-end, vintage-inspired aesthetic. They blend dark, dramatic tones like charcoal slate with soft ivory to create a dramatic, high-contrast, and luxurious palette. Creamy whites and earthy tones also lend a natural and grounded feel that is timeless and inviting.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"17\"\u003e7. Soft and warm\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Baby with parent under red sleep lamp reading a book, promoting circadian rhythm sleep aid.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/kulala_ef4f5d6c-5f9e-4eb0-98e0-94a6423544e6.png?v=1729284863\" loading=\"lazy\"\u003e\n\u003cp\u003eThe soft, warm palette that \u003ca href=\"https://kulalaland.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eKulala\u003c/a\u003e uses combines soft amber yellow and deep night red to create a calming ambiance. Muted lavender and dark navy blue add a soothing tone, while vibrant orange accents draw the viewer’s attention.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"18\"\u003e8. Lively mint\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Cocofloss products with an Allure award seal next to a toothbrush and mint toothpaste on a counter.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/cocofloss_b311f95a-ca8c-4058-aacf-ca3f2325297f.png?v=1729284864\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://cocofloss.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eCocofloss\u003c/a\u003e’s color scheme strikes a balance between freshness and fun. The refreshing mint green and calming aqua blue provides a clean, spa-like feel. Playful pops of bright yellow and soft peach add warmth and energy.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"19\"\u003e9. Cozy complementary\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Model wearing cozy casual outfits with red pants and green sweater against a soft pink backdrop.Model wearing cozy casual outfits with red pants and green sweater against a soft pink backdrop.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/sundry.png?v=1729284864\" class=\"block block--bordered\" loading=\"lazy\"\u003e\n\u003cp\u003eThe use of warm tones like blush pink and deep forest green creates a cozy, inviting atmosphere for this apparel collection. The soft pink backdrop keeps the focus on the clothing, while the bold pops of red and yellow add playful energy to the imagery. The color combination of muted neutrals and vibrant accents provides a balanced yet eye-catching aesthetic that reflects \u003ca href=\"https://sundryclothing.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eSundry’\u003c/a\u003es approach to casual, comfortable style.\u003c/p\u003e\n\u003ch3 id=\"20\"\u003e10. Subtle white\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Bride in an off-shoulder white gown standing by stone columns in an elegant outdoor setting.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/truvellebridal.png?v=1729284864\" class=\"block block--bordered\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://truvelle.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eTruvelle Bridal\u003c/a\u003e is all about simple, clean, elegant wedding dresses, and its color scheme of whites, taupes, and grays reflects that. With muted neutrals and soft tones, this color palette lets the \u003ca href=\"/id/retail/brand-story\"\u003ebrand story\u003c/a\u003e and products shine.\u003c/p\u003e\n\u003ch3 id=\"21\"\u003e11. Urban neutral\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Man in olive jacket and cream pants posing in front of classic European architecture.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/velasca_0668bbea-4aa2-4c14-8357-0b02e4957dda.png?v=1729284864\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://www.velasca.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eVelasca\u003c/a\u003e’s palette is defined by warm, neutral tones and deep, sophisticated hues. The architecture features soft terracotta and beige walls, creating an inviting, classic European backdrop of elegance. The model’s olive green jacket and navy sweater add a muted, earthy contrast that complements the surrounding colors.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"22\"\u003e12. Bold black and gold\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"BLK \u0026amp; Bold coffee products displayed in a clean grid layout with bold black and gold packaging.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/blkandboldcoffee.png?v=1729284863\" loading=\"lazy\"\u003e\n\u003cp\u003eA bold color scheme for a bold product. \u003ca href=\"https://blkandbold.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eBLK \u0026amp; Bold\u003c/a\u003e’s use of black conveys sophistication and authority, with vibrant gold accents that add a sense of luxury. Clean whites and subtle grays provide a crisp, soft, minimalist feel that helps the website elements stand out.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"23\"\u003e13. Playful pastel\u003c/h3\u003e\n\u003cimg class=\"block block--bordered\" style=\"float: none;\" alt=\"Three models with beauty products in a pastel vanity setting with blush pink and mint green tones.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/beautybakerie.png?v=1729284863\" loading=\"lazy\"\u003e\n\u003cp\u003eThis website color palette blends fresh pastels with hints of glamor, creating an inviting and feminine feel. Mint green, blush pink, and golden champagne give a playful, yet luxurious energy that captures \u003ca href=\"https://www.beautybakerie.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eBeauty Bakerie\u003c/a\u003e’s focus on beauty and fun.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"24\"\u003e14. Coastal\u0026nbsp;\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"Back view of woman holding a spray bottle at the beach with her hair blowing in the wind.\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/tofinosoapcompany.png?v=1729284864\" class=\"block block--bordered\" loading=\"lazy\"\u003e\n\u003cp\u003eThe \u003ca href=\"https://tofinosoapcompany.com/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eTofino Soap Company\u003c/a\u003e website sports soft, beach-inspired hues with natural, earthy tones. Sky blue, warm beige, and earthy brown interplay to evoke calmness, purity, and a connection to nature. These colors perfectly complement the product’s focus on natural, eco-friendly skincare.\u003c/p\u003e\n\u003ch3 id=\"25\"\u003e15. Bold and grounded\u003c/h3\u003e\n\u003cimg style=\"float: none;\" alt=\"\" src=\"https://cdn.shopify.com/s/files/1/0070/7032/files/flybyjing_0d8ce00a-3c6e-4d59-a4db-b6cc57d202e6.png?v=1729284864\" loading=\"lazy\"\u003e\n\u003cp\u003e\u003ca href=\"https://flybyjing.com/shop/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eFly by Jing\u003c/a\u003e brings together bold, electric hues with earthy, grounding tones that reflect its flavorful products. Vibrant magenta and orange lend a playful energy, while deep greens and purples add richness and depth. The palette is designed to instill a sense of excitement and urgency to try the brand’s famous chili sauces.\u0026nbsp;\u003c/p\u003e\n\u003ch2 id=\"4\"\u003eHow to choose the right website color scheme\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"#31\"\u003eReflect on your brand identity\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#32\"\u003eChoose a primary color\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#33\"\u003eSelect secondary colors\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#34\"\u003eDetermine your background color\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#35\"\u003eChoose a typeface color\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eBuilding a color scheme requires a methodical approach. Here are the steps to follow to build out your website’s color scheme:\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"31\"\u003e1. Reflect on your brand identity\u003c/h3\u003e\n\u003cp\u003eBefore choosing any colors, first consider your brand and offerings and how colors might reflect your mission or \u003ca href=\"/id/blog/value-proposition\"\u003evalue proposition\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eFor example, a fitness brand might identify its core values as energetic, health-focused, and motivational. To appease a target audience of health-conscious millennials, a color scheme could involve trendy, vibrant, high-energy colors like yellow, orange, or green.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eAsk these questions to interrogate the core of your brand::\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhat three to five adjectives best describe your brand? Is it innovative, traditional, eco-friendly, luxury-oriented, or family-focused?\u003c/li\u003e\n\u003cli\u003eWho are you trying to reach? What colors do they tend to respond to? What colors might turn them off?\u003c/li\u003e\n\u003cli\u003eWhat emotions do you want people to feel when they think about your brand?\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e📚 \u003cstrong\u003eLearn: \u003c/strong\u003e\u003ca href=\"/id/blog/brand-identity\"\u003eWhat Is Brand Identity? 6 Key Elements\u003c/a\u003e\u003c/p\u003e\n\u003ch3 id=\"32\"\u003e2. Choose a primary color\u003c/h3\u003e\n\u003cp\u003eResearch the emotions associated with different colors, or the theory of \u003ca href=\"/id/blog/color-psychology\"\u003ecolor psychology\u003c/a\u003e. For example, warm colors (reds, oranges, yellows) are energetic and attention-grabbing, while cool colors (blues, greens, purples) are often more calming and professional.\u003c/p\u003e\n\u003cp\u003eAnalyze what colors your competitors use. You might want to align with industry standards or deliberately stand out. Once you’ve chosen a color, experiment with different shades and tints to find the perfect match for your brand. For example, you may decide on blue as your primary color, but your color palette will differ wildly depending on whether you choose a light, icy blue or a deep indigo.\u0026nbsp;\u003c/p\u003e\n\u003ch3 id=\"33\"\u003e3. Select secondary colors\u003c/h3\u003e\n\u003cp\u003eSecondary colors work in harmony with your primary color to complete the color scheme. There are a few color harmony rules that can guide your choice if you’re not working with a designer who already knows them:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cstrong\u003eComplementary colors. \u003c/strong\u003eColors opposite each other on the color wheel (e.g., blue and orange).\u003c/strong\u003e\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalogous colors. \u003c/strong\u003eColors next to each other on the color wheel (e.g., blue, blue-green, and green).\u003c/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTriadic colors. \u003c/strong\u003eThree colors equally spaced on the color wheel (e.g., red, yellow, and blue).\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eStick to one or two secondary colors. You can use up to five colors max, but be cautious, as too many colors can be overwhelming.\u003c/p\u003e\n\u003cp\u003e💡 \u003cstrong\u003eTip: \u003c/strong\u003eUse a color palette generator like \u003ca href=\"https://color.adobe.com/create/color-wheel\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eAdobe Color\u003c/a\u003e to create a website color scheme for your brand.\u003c/p\u003e\n\u003ch3 id=\"34\"\u003e4. Determine your background color\u003c/h3\u003e\n\u003cp\u003eYour background color sets the stage for all other elements on your website. The goal is to highlight your content without overwhelming it.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003eMany brands use light background colors to express cleanliness and ease of browsing. Softer, toned-down backgrounds tend to be easier on the eyes, too, but that’s not a hard-and-fast rule. Some brands use darker backgrounds because it creates a better experience for their particular buyers.\u0026nbsp;\u003c/p\u003e\n\u003cp\u003ePlace sample content on your background to ensure it doesn’t overshadow your actual information.\u003c/p\u003e\n\u003ch3 id=\"35\"\u003e5. Choose a typeface color\u003c/h3\u003e\n\u003cp\u003eLast but not least, choose your text color. This color should be highly contrasted with your background color for readability purposes. Check your options with \u003ca href=\"https://webaim.org/resources/contrastchecker/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"\u003eWebAIM’s Contrast Checker\u003c/a\u003e to ensure you’re meeting web accessibility standards.\u003c/p\u003e\n\u003cp\u003eUse the same text color throughout your site for body text. You can use different colors for headings or special text, but be consistent with these as well.\u0026nbsp;\u003c/p\u003e\n\u003ch2\u003eCreate better browsing experiences with the right color scheme\u003c/h2\u003e\n\u003cp\u003eChoosing your website is an ongoing process. Don’t be afraid to experiment with different combinations and get customer feedback to find the right fit. Your colors should work together to create a cohesive and appealing website that represents your brand on the internet.\u0026nbsp;\u003c/p\u003e\n\u003cdiv class=\"marketing-block marketing-block--light marketing-block--padded my-12 border-l-2 pl-4 [\u0026amp;_h2]:!mt-0 [\u0026amp;_h2]:mb-6 [\u0026amp;_h2]:text-t5 [\u0026amp;_h3]:!mt-0 [\u0026amp;_h3]:mb-6 [\u0026amp;_h3]:text-t7 [\u0026amp;_h4]:!mt-0 [\u0026amp;_h4]:mb-6 [\u0026amp;_h4]:text-t8 [\u0026amp;_ul]:!mt-0 [\u0026amp;_ul]:mb-6 [\u0026amp;_ul:last-child]:mb-0 [\u0026amp;_ol]:!mt-0 [\u0026amp;_ol]:mb-6 [\u0026amp;_ol:last-child]:mb-0 [\u0026amp;_p]:!mt-0 [\u0026amp;_p]:mb-6 [\u0026amp;_p:last-child]:mb-0 border-blog-highlight text-body-sm my-8 tablet:my-16 p-8 bg-marketingBg !border-l-0 border-t-2 pl-8 [\u0026amp;_[itemscope]]:mb-6 [\u0026amp;_[itemscope]:last-child]:mb-0\" id=\"faq-section\"\u003e\n\u003cdiv itemtype=\"https://schema.org/FAQPage\" itemscope=\"\"\u003e\n\u003ch2 id=\"5\"\u003eWebsite color scheme FAQ\u003c/h2\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat is the most eye-catching color?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eBright, saturated hues like red, yellow, and orange typically catch the eye most effectively. However, a color’s ability to stand out depends largely on its contrast with surrounding elements and the overall visual context.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat is the best color scheme for a website?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eThe best color scheme for a website depends on its purpose, the target audience, and the overall design aesthetic. Generally, lighter and softer colors (like a light blue background) are calming and inviting, while darker and vibrant colors (like royal blue and lime green) provide more energy and excitement. It is also important to consider how colors interact with one another and how they will appear on different devices.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat are the seven major color schemes?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cul\u003e\n\u003cli\u003eMonochromatic. Tonal variations of a single color.\u003c/li\u003e\n\u003cli\u003eAnalogous. Colors next to each other on the color wheel.\u003c/li\u003e\n\u003cli\u003eComplementary. Colors opposite each other on the color wheel.\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eSplit Complementary. A base color complemented by the colors next to its complementary color on the color wheel.\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eTriadic. Three colors equally spaced around the color wheel.\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eTetradic. Complementary pairs of colors.\u003c/li\u003e\n\u003cli\u003eSquare. Four colors equally spaced around the color wheel.\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhat is a website color scheme?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eA website color scheme is the combination of colors used on a website. The color combinations are usually chosen to reflect the brand or company and create a unified look and feel. They are typically chosen for their contrast, vibrancy, and ability to work together to create a cohesive look.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv itemtype=\"https://schema.org/Question\" itemprop=\"mainEntity\" itemscope=\"\"\u003e\n\u003ch3 itemprop=\"name\"\u003eWhich is the best background color for a website?\u003c/h3\u003e\n\u003cdiv itemtype=\"https://schema.org/Answer\" itemprop=\"acceptedAnswer\" itemscope=\"\"\u003e\n\u003cdiv itemprop=\"text\"\u003e\n\u003cp\u003eThe best background color for a website will depend on its purpose and design. Generally, a neutral color such as white or light gray is a good option, as it can create a clean and modern look. If a more dynamic background color is desired, blues, greens, and other softer colors can provide a more inviting feel.\u003c/p\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e","latestArticles":[],"contentNavigationLinks":[{"href":"#1","text":"What is a website color scheme?"},{"href":"#2","text":"Why is your website color scheme important?"},{"href":"#3","text":"15 beautiful ecommerce website color schemes"},{"href":"#4","text":"How to choose the right website color scheme"},{"href":"#5","text":"Website color scheme FAQ"}],"blogHandle":"blog","settings":{"topSectionImages":[{"src":"https://cdn.shopify.com/b/shopify-brochure2-assets/b57973373cb5af3ba8e59f0b966065e7.webp?originalWidth=500\u0026originalHeight=641"},{"src":"https://cdn.shopify.com/b/shopify-brochure2-assets/05383e2e9b6568812f1ccc7bbc28ac3d.webp?originalWidth=500\u0026originalHeight=641"},{"src":"https://cdn.shopify.com/b/shopify-brochure2-assets/2baeeeb3c9bab2dfbfac6428fad929e1.webp?originalWidth=500\u0026originalHeight=641"}],"images":{"guides-modal-default":"https://cdn.shopify.com/shopifycloud/brochure/assets/content-marketing/blog/guides/default-popup-small-507879111d55acdd759b202ab869ea0b8bd0f4af9f9aaa7c540efe59b8e046db.jpg","guides-modal-photography":"https://cdn.shopify.com/b/shopify-brochure2-assets/1bd4b072dc187a774c9af650d0f16d0b.jpg","guides-modal-seo":"https://cdn.shopify.com/b/shopify-brochure2-assets/63781344c2932de6e553a54b02291692.jpg","subscription":{"image":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420\u0026originalHeight=1040"}},"rightColSideBannerImg":"https://cdn.shopify.com/b/shopify-brochure2-assets/c8790c0f3c1fa91ccc845e45ce067bbe.png","rightColSideBannerGetInTouchImg":"https://cdn.shopify.com/b/shopify-brochure2-assets/e2a124c9e2e7ae76119a66cfc515535b.png","articleNavigation":{"banner":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/e570727d45209fec56c410f802faa0fe.png"}}},"subscription":{"settings":{"subscriptionId":"DE84EF61-2A02-4778-8807-F01B108DE974"}},"citation":{"high-ticket-affiliate-programs":[{"text":"Zip Recruiter - [High ticket affiliate marketing salary]","url":"https://www.ziprecruiter.com/Salaries/High-Ticket-Affiliate-Marketing-Salary"},{"text":"Zip Recruiter - [Affiliate Marketing Salary]","url":"https://www.ziprecruiter.com/Salaries/Affiliate-Marketing-Salary"},{"text":"Smartway - [Affiliate Marketing Smart Way]","url":"https://www.smartpassiveincome.com/affiliate-marketing-smart-way/"},{"text":"Ryan Robinson - [How I earned $35,218.31 blogging last month]","url":"https://www.ryrob.com/blog-income-report-march-2021/"}],"amazon-affiliate-marketing":[{"text":"Datanyze - [Affiliate Networks Software Market Share]","url":"https://www.datanyze.com/market-share/affiliate-networks--69"},{"text":"Amazon Associates - [Amazon’s affiliate marketing program]","url":"https://affiliate-program.amazon.com/"},{"text":"eMarketer - [Prime Day US Online Shoppers Start Product Searches on Amazon]","url":"https://www.emarketer.com/content/prime-day-us-online-shoppers-start-product-searches-amazon"},{"text":"Amazon Associates - [Associates Program Participation Requirements]","url":"https://affiliate-program.amazon.com/help/node/topic/G9SMD8TQHFJ7728F"},{"text":"Themenhero - [Men’s Guide For Brands \u0026 Fashion]","url":"https://themenhero.com/"},{"text":"Zip Recruiter - [Amazon Affiliate Salary]","url":"https://www.ziprecruiter.com/Salaries/Amazon-Affiliate-Salary"},{"text":"Amazon Associates - [Associates Program Participation Requirements]","url":"https://affiliate-program.amazon.com/help/operating/policies#Associates%20Program%20Participation%20Requirements"},{"text":"Amazon - [Application Review Process]","url":"https://affiliate-program.amazon.com/help/node/topic/G8TW5AE9XL2VX9VM"},{"text":"Coffee Brewing Pro - [Coffee Brewing Pro]","url":"https://coffeebrewingpro.com/"},{"text":"Sprocker Lovers - [Sprocker Lovers]","url":"https://sprockerlovers.com/"},{"text":"McKinsey \u0026 Company - [What is omnichannel marketing?]","url":"https://www.mckinsey.com/featured-insights/mckinsey-explainers/what-is-omnichannel-marketing"},{"text":"Package Free Shop - [Package Free Shop]","url":"https://packagefreeshop.com/"},{"text":"McKinsey \u0026 Company - [Five-star growth: Using online ratings to design better product]","url":"https://www.mckinsey.com/industries/consumer-packaged-goods/our-insights/five-star-growth-using-online-ratings-to-design-better-products"},{"text":"The Every Day Farmhouse - [Homesteading Gift Ideas]","url":"https://theeverydayfarmhouse.com/homesteading-gift-ideas/"},{"text":"insider Intelligence -[Over 60% of US online shoppers start their product search on Amazon]","url":"https://www.insiderintelligence.com/content/online-shoppers-search-on-amazon"}],"pinterest-affiliate-marketing":[{"text":"Pinterest- [Your audience is here]","url":"https://business.pinterest.com/audience/"},{"text":"Pinterest - [Community guidelines]","url":"https://policy.pinterest.com/en/community-guidelines"},{"text":"FTC - [Online advertising disclosure guidelines]","url":"https://www.ftc.gov/sites/default/files/attachments/press-releases/ftc-staff-revises-online-advertising-disclosure-guidelines/130312dotcomdisclosures.pdf"},{"text":"TheWaystoWealth - [R.J. Weiss founder of TheWaystoWealth]","url":"https://www.thewaystowealth.com/author/rjweiss/"},{"text":"Pinterest - [Pinterest Scheduling]","url":"https://later.com/pinterest-scheduling/"},{"text":"Hootsuite - [Pinterest Scheduler \u0026 Analytics]","url":"https://www.hootsuite.com/pinterest"},{"text":"Pinterest - [Rich Pins Help]","url":"https://help.pinterest.com/en/business/article/rich-pins"},{"text":"Pinterest - [Crochet Community Board]","url":"https://www.pinterest.com/crochicstyles/crochet-community-board-crochic-styles/"},{"text":"Side Hustle Tips - [Side Hustle Tips]","url":"https://www.sidehustle.tips/"},{"text":"Pinterest - [Pinterest Analytics]","url":"https://analytics.pinterest.com/"},{"text":"Pinterest - [Creative Best Practices]","url":"https://business.pinterest.com/creative-best-practices"}],"make-money-on-facebook":[{"text":"Statista - [Most popular social networks worldwide as of January 2024, ranked by number of monthly active users]","url":"https://www.statista.com/statistics/272014/global-social-networks-ranked-by-number-of-users"},{"text":"Hootsuite - [Here’s What You Can Do About Organic Reach Decline in 2024]","url":"https://blog.hootsuite.com/organic-reach-declining"},{"text":"Meta - [How to monetize your content on Facebook and Instagram]","url":"https://www.facebook.com/business/learn/lessons/understand-monetization-eligibility-status?course_id=467400747420312\u0026curriculum_id=2374726509274694"},{"text":"Meta - [Facebook Success Stories]","url":"https://www.facebook.com/business/success?rdr=expss"},{"text":"Meta - [Eligibility requirements for Facebook Subscriptions]","url":"https://www.facebook.com/business/help/271606753455489?id=558489708108283"},{"text":"Meta - [How to stay eligible for monetization]","url":"https://www.facebook.com/business/help/903272529876480?id=648321075955172"}],"how-to-patent-an-idea":[{"text":"Bitten Design - [Moustache Pacifier]","url":"https://bitten-design.com/products/moustache-pacifier?variant=839047215"},{"text":"USPTO - [United States Patent and Trademark Office]","url":"https://www.uspto.gov/"},{"text":"Cornel Law School - [35 U.S. Code § 101 - Inventions patentable]","url":"https://www.law.cornell.edu/uscode/text/35/101"},{"text":"Nolo - [Patent Searching Online]","url":"https://www.nolo.com/legal-encyclopedia/patent-searching-online-29551.html"},{"text":"USPTO - [Fee schedule]","url":"https://www.uspto.gov/learning-and-resources/fees-and-payment/uspto-fee-schedule"},{"text":"USPTO - [First Office Action Estimator]","url":"https://www.uspto.gov/learning-and-resources/statistics/first-office-action-estimator"},{"text":"USPTO - [MPEP]","url":"http://mpep.uspto.gov/RDMS/detail/manual/MPEP/e8r9/d0e18.xml#/result/RDMS/detail/manual/MPEP/e8r9/d0e133402.xml?q=issue%20fee\u0026start=1\u0026ccb=on\u0026ncb=off\u0026icb=off\u0026fcb=off\u0026ver=e8r9\u0026sort=relevance\u0026syn=adj\u0026cnt=10\u0026results=compact\u0026index=4#highlight"},{"text":"USPTO - [EFS-Web Guidance and Resources]","url":"https://www.uspto.gov/patents/apply/applying-online/efs-web-guidance-and-resources"}]},"downloadPDFExperiment":{"url":"https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf"},"subNavVariants":{"en":{"dropshipping":["blog/what-is-dropshipping","blog/how-to-start-dropshipping","blog/dropshipping-suppliers","blog/best-dropshipping-products","blog/dropshipping-guide","blog/dropshipping-websites","blog/117607173-the-definitive-guide-to-dropshipping-with-aliexpress","blog/amazon-dropshipping","blog/dropshipping-clothing-suppliers","blog/dropshipping-success","blog/is-dropshipping-worth-it","blog/dropshipping-niches","blog/etsy-dropshipping","blog/ebay-dropshipping","blog/6492023-drop-shipping-the-easiest-way-to-sell-online","blog/automated-dropshipping","blog/dropshipping-software","blog/dropshipping-books","blog/is-dropshipping-legal","blog/dropship-baby-products","blog/dropshipping-jewelry","blog/cbd-dropshipping","blog/dropshipping-tips","blog/private-label-dropshipping","blog/dropshipping-fulfillment","blog/dropshipping-coffee","blog/walmart-dropshipping","blog/the-ultimate-guide-to-dropshipping-furniture","blog/dropshipping-vs-wholesale","blog/ecommerce-vs-dropshipping","blog/dropshipping-podcast","blog/supplement-dropshipping","blog/high-ticket-dropshipping"],"ecommerce":["blog/101-ecommerce-basics","blog/15006249-warning-are-these-four-ecommerce-conversion-killers-hurting-your-sales","blog/15206517-mobile-now-accounts-for-50-3-of-all-ecommerce-traffic","blog/16665772-alibaba-101-how-to-safely-source-products-from-the-worlds-biggest-supplier-directory","blog/17156160-7-inspiring-ecommerce-call-to-action-examples-and-why-they-work","blog/17921828-dont-fear-analytics-ill-make-it-simple-for-you","blog/6399562-the-pros-and-cons-of-selling-on-amazon-and-ebay","blog/69521733-proceed-to-checkout-the-unexpected-story-of-how-ecommerce-started","blog/7-ways-to-promote-your-amazon-listing","blog/7365564-32-key-performance-indicators-kpis-for-ecommerce","blog/add-ecommerce-to-website","blog/advantages-and-disadvantages-of-ecommerce","blog/amazon-competitors","blog/amazon-handmade-vs-etsy","blog/average-order-value","blog/b2b-ecommerce-websites","blog/basic-ecommerce-metrics","blog/best-ecommerce-books","blog/best-ecommerce-platform-small-business","blog/best-ecommerce-platforms","blog/best-ecommerce-sites","blog/best-ecommerce-website-builder","blog/bfcm-2020","blog/bfcm-checklist","blog/bfcm-data","blog/bfcm-promotion-ideas","blog/bounce-rate","blog/business-model","blog/cheap-ecommerce-platforms","blog/commercial-insurance-for-ecommerce","blog/connective-ecommerce","blog/cpg-ecommerce","blog/cyber-monday","blog/digital-asset-management","blog/digital-commerce","blog/dropshipping-vs-wholesale","blog/ecommerce-accounting","blog/ecommerce-agency","blog/ecommerce-analytics-tools","blog/ecommerce-app","blog/ecommerce-automation-tools","blog/ecommerce-brands","blog/ecommerce-business-blueprint","blog/ecommerce-business-examples","blog/ecommerce-catalog-management","blog/ecommerce-challenges","blog/ecommerce-checkout","blog/ecommerce-cms","blog/ecommerce-companies","blog/ecommerce-consultants","blog/ecommerce-content-marketing","blog/ecommerce-conversion-rate","blog/ecommerce-crm","blog/ecommerce-cro-audit","blog/ecommerce-data-management","blog/ecommerce-filters","blog/ecommerce-funnel","blog/ecommerce-grocery-companies","blog/ecommerce-infrastructure","blog/ecommerce-integration","blog/ecommerce-jobs","blog/ecommerce-management","blog/ecommerce-manager","blog/ecommerce-marketing","blog/ecommerce-marketing-tools","blog/ecommerce-merchandising","blog/ecommerce-merchant","blog/ecommerce-outsourcing","blog/ecommerce-ppc-management","blog/ecommerce-price-monitoring-tools","blog/ecommerce-product-management","blog/ecommerce-product-recommendation","blog/ecommerce-reporting-tools","blog/ecommerce-schema","blog/ecommerce-security","blog/ecommerce-seo-beginners-guide","blog/ecommerce-software","blog/ecommerce-strategy","blog/ecommerce-testing","blog/ecommerce-tips","blog/ecommerce-transaction-emails","blog/ecommerce-ux-audit","blog/ecommerce-vs-dropshipping","blog/ecommerce-website-cost","blog/ecommerce-website-development","blog/email-marketing","blog/email-marketing-services","blog/etsy-alternatives","blog/etsy-shop-ideas","blog/etsy-shop-names","blog/exit-rate-vs-bounce-rate","blog/forecasting-for-seasonal-businesses","blog/grocery-ecommerce","blog/hard-bounce-vs-soft-bounce","blog/holiday-ecommerce-tools-apps","blog/how-to-buy-wholesale","blog/international-commerce","blog/international-ecommerce","blog/ios14-updates","blog/is-selling-on-etsy-worth-it","blog/machine-learning-in-ecommerce","blog/marketing-analytics","blog/marketing-automation-ecommerce","blog/mobile-commerce","blog/open-source-ecommerce","blog/pure-play-ecommerce","blog/saas-ecommerce","blog/sales-channel","blog/sell-business","blog/sell-on-amazon","blog/sell-on-ebay","blog/sell-online-business","blog/shopify-store-launch-checklist","blog/shopping-cart","blog/shopping-cart-abandonment","blog/small-business-wholesale-suppliers","blog/sms-marketing-for-ecommerce","blog/social-selling-platform","blog/subscription-ecommerce-platform","blog/supply-chain-management-in-ecommerce","blog/topics/backoffice","blog/types-of-ecommerce","blog/web-analytics","blog/what-is-conversational-commerce","blog/what-is-ecommerce","blog/wholesale-accessory-market","blog/wholesale-boutique-clothing","blog/wholesale-business-ideas","blog/wholesale-candle-suppliers","blog/wholesale-clothing-usa","blog/wholesale-clothing-vendors","blog/wholesale-definition","blog/wholesale-distributor","blog/wholesale-essential-oils-suppliers","blog/wholesale-marketplace","blog/wholesale-mens-clothing","blog/wholesale-products-for-resale","blog/wholesale-soap-supplier","blog/wholesale-womens-clothing","blog/wix-alternatives","blog/working-with-big-box-retailers"],"seo":["blog/copywriting","blog/14207073-the-beginners-guide-to-keyword-research-for-ecommerce","blog/ecommerce-seo-audit","blog/404-error","blog/anchor-link","blog/anchor-text","blog/backlink-audit","blog/what-are-backlinks-in-seo-why-backlinks-still-matter","blog/black-hat-seo","blog/ecommerce-keyword-research","blog/content-hub","blog/domain-authority","blog/evergreen-content","blog/free-seo-tools","blog/google-algorithm","blog/google-eat","blog/google-lighthouse","blog/google-search-volume","blog/growth-strategy","blog/how-do-websites-distribute-content","blog/blog-seo","blog/circle-to-search","blog/google-search-console","blog/how-much-does-a-website-cost","blog/how-to-create-a-sitemap","blog/how-to-disavow-backlinks","blog/17989280-building-backlinks-the-backbone-of-your-ecommerce-business","blog/how-to-get-website-indexed-by-google","blog/how-to-improve-core-web-vitals","blog/how-to-increase-domain-authority","blog/hreflang-sitemap","blog/interactive-content","blog/international-seo","blog/international-seo-strategy","blog/keyword-cannibalization","blog/keyword-difficulty","blog/keyword-research-tools","blog/knowledge-panel","blog/landing-page","blog/link-building-strategies","blog/long-tail-keywords","blog/markup-language","blog/how-to-write-meta-descriptions","blog/mobile-seo","blog/on-page-seo","blog/organic-search","blog/organic-traffic","blog/organic-vs-paid-search","blog/pagerank","blog/search-intent","blog/semantic-search","blog/seo-checklist-online-store","blog/seo-competitor-analysis","blog/seo-content-marketing","blog/seo-content-writing","blog/seo-copywriting","blog/seo-kpis","blog/seo-marketing","blog/seo-ranking","blog/seo-report","blog/seo-strategy","blog/seo-tips","blog/seo-title-tag","blog/seo-tracking","blog/seo-vs-sem","blog/serp","blog/serp-features","blog/site-audit","blog/site-crawler","blog/sitemap","blog/small-business-seo","blog/submit-sitemap-to-google","blog/technical-seo","blog/technical-seo-audit","blog/technical-seo-tools","blog/url-parameters","blog/video-search-engine","blog/video-seo","blog/web-accessibility","blog/website-breadcrumbs","blog/website-seo","blog/what-is-source-code","blog/white-hat-seo","blog/white-hat-vs-black-hat-seo","blog/xml-sitemap"]},"it":{"dropshipping":["blog/guida-al-dropshipping-in-italia","blog/guida-al-dropshipping-con-aliexpress","blog/un-altro-modo-di-fare-dropshipping-importazione-di-mobili","blog/dropshipping-metodo-veloce-e-a-basso-costo-per-testare-nuove-idee-di-prodotto","blog/aspetti-fiscali-dropshipping-italia","blog/migliori-prodotti-dropshipping","blog/fare-dropshipping-questo-lo-voglio","blog/i-10-migliori-dropshipping-software-del-2024","blog/dropshipping-su-ebay","blog/amazon-dropshipping","blog/come-fare-dropshipping-con-shopify","blog/fornitori-dropshipping","blog/dropshipping-gioielli","blog/dropshipping-integratori","blog/tiktok-dropshipping","blog/dropshipping-abbigliamento","blog/business-model","blog/come-funziona-alibaba","blog/stampa-on-demand"]},"fr":{"dropshipping":["blog/acheter-en-gros-pour-revendre","blog/dropshipping-guide","dropshipping","blog/vendre-en-dropshipping-avec-aliexpress-le-guide-complet","blog/51907717-alibaba-le-guide-pour-trouver-votre-grossiste-en-ligne-et-acheter-en-toute-securite","blog/55387781-le-guide-complet-pour-trouver-le-produit-ideal-a-vendre-en-ligne","blog/dropshipping-etsy","blog/fournisseur-dropshipping","blog/dropshipping-amazon","blog/dropshipping-ebay","blog/dropshipping-cbd","blog/dropshipping-tiktok","blog/applications-shopify-dropshipping","blog/produit-dropshipping","blog/meilleur-grossiste-en-ligne"]}},"helpfulResources":["blog/average-order-value","blog/cheap-ecommerce-platforms","blog/top-online-shopping-categories","blog/ecommerce-funnel","blog/ecommerce-laws","blog/ecommerce-checkout","blog/ecommerce-website-development","blog/101-ecommerce-basics","blog/digital-commerce","blog/ecommerce-merchandising","blog/sell-sex-toys","blog/9-dropshipping-coffee-suppliers","blog/sell-books-online","blog/sell-coffee","blog/211022217-sell-vintage-clothing-online","blog/part-time-business-ideas","blog/how-to-start-a-pet-sitting-business","blog/affiliate-marketing-vs-dropshipping","blog/youtube-affiliate-marketing","blog/19495812-22-awesome-t-shirt-templates-and-mockups-for-your-clothing-line","blog/white-label","blog/contact-us-page","blog/diy-ecommerce-store-design-as-a-beginner","blog/competitive-shipping-as-a-small-shop","blog/ecommerce-packaging","blog/shipstation-vs-shopify-shipping","blog/how-to-sell-on-pinterest","blog/thank-your-customers","blog/how-to-write-an-about-us-page","blog/instagram-captions","blog/gaap-vs-ifrs","blog/facebook-ad-sizes","blog/best-free-video-editing-software","blog/instagram-bio","blog/amazon-competitors","blog/current-asset","blog/types-businesses","blog/sell-woodworking-projects","blog/candle-business","blog/start-skincare-line"],"marketingBlocks":{"shopify_collabs_one":{"href":"https://www.shopify.com/collabs/find-brands?itcat=coreblog\u0026itterm=shopify-collabs-cta"},"shopify_collabs_two":{"href":"https://apps.shopify.com/collabs?itcat=coreblog\u0026itterm=shopify-collabs-merchant-cta"},"social_sales_channels":{"href":"https://www.shopify.com/channels?itcat=coreblog\u0026itterm=shopify-sales-channels-cta"},"sales_channel_google":{"href":"https://www.shopify.com/google?itcat=coreblog\u0026itterm=shopify-google-sales-channel-cta"},"sales_channel_facebook":{"href":"https://www.shopify.com/facebook-instagram?itcat=coreblog\u0026itterm=shopify-facebook-instagram-sales-channel-cta"},"sales_channel_instagram":{"href":"https://www.shopify.com/facebook-instagram?itcat=coreblog\u0026itterm=shopify-facebook-instagram-sales-channel-cta"},"sales_channel_tiktok_one":{"href":"https://www.shopify.com/sell-on-tiktok?itcat=coreblog\u0026itterm=shopify-tiktok-sales-channel-cta"},"sales_channel_tiktok_two":{"href":"https://www.shopify.com/sell-on-tiktok"},"sales_channel_youtube":{"href":"https://www.shopify.com/youtube?itcat=coreblog\u0026itterm=shopify-youtube-sales-channel-cta"},"shop_pay_one":{"href":"https://www.shopify.com/shop-pay-installments?itcat=coreblog\u0026itterm=shop-pay-installments-cta"},"shop_pay_two":{"href":"https://www.shopify.com/shop-pay-installments?itcat=coreblog\u0026itterm=shop-pay-installments-cta"},"shopify_payments_one":{"href":"https://www.shopify.com/payments?itcat=coreblog\u0026itterm=shopify-payments-cta"},"shopify_payments_two":{"href":"https://www.shopify.com/payments?itcat=coreblog\u0026itterm=shopify-payments-cta"},"marketing_tools":{"href":"https://www.shopify.com/marketing-tools"},"shopify_email":{"href":"https://www.shopify.com/email-marketing?itcat=coreblog\u0026itterm=shopify-email-cta"},"shopify_audiences":{"href":"https://www.shopify.com/audiences?itcat=coreblog\u0026itterm=shopify-audiences-cta"},"shopify_segmentation_one":{"href":"https://www.shopify.com/segmentation?itcat=coreblog\u0026itterm=shopify-segmentation-tools-cta"},"shopify_segmentation_two":{"href":"https://www.shopify.com/segmentation"},"marketing_automations":{"href":"https://www.shopify.com/marketing-automation?itcat=coreblog\u0026itterm=shopify-marketing-automation-cta"},"shopify_analytics":{"href":"https://help.shopify.com/en/manual/reports-and-analytics/shopify-reports"},"shopify_tax_one":{"href":"https://www.shopify.com/tax?itcat=coreblog\u0026itterm=shopify-tax-cta"},"shopify_tax_two":{"href":"https://www.shopify.com/tax?itcat=coreblog\u0026itterm=shopify-tax-cta"},"shopify_balance":{"href":"https://www.shopify.com/balance?itcat=coreblog\u0026itterm=shopify-balance-cta"},"shopify_credit":{"href":"https://www.shopify.com/credit"},"shopify_capital":{"href":"https://www.shopify.com/capital?itcat=coreblog\u0026itterm=shopify-capital-cta"},"shopify_subscriptions_app":{"href":"https://apps.shopify.com/shopify-subscriptions"},"shopify_bundles_app_one":{"href":"https://apps.shopify.com/shopify-bundles"},"shopify_bundles_app_two":{"href":"https://apps.shopify.com/shopify-bundles"},"inventory_management_one":{"href":"https://www.shopify.com/manage?itcat=coreblog\u0026itterm=shopify-inventory-management-cta"},"inventory_management_two":{"href":"https://www.shopify.com/manage?itcat=coreblog\u0026itterm=shopify-inventory-management-cta"},"shopify_order_management":{"href":"https://www.shopify.com/orders?itcat=coreblog\u0026itterm=shopify-order-management-cta"},"shopify_magic_one":{"href":"https://cdn.shopify.com/static/growthcenter/shopify_magic_overview.pdf"},"shopify_magic_two":{"href":"https://www.shopify.com/blog/ai-product-descriptions"},"shopify_inbox_one":{"href":"https://www.shopify.com/inbox?itcat=coreblog\u0026itterm=shopify-inbox-cta"},"b2b_ecommerce":{"href":"https://www.shopify.com/plus/solutions/b2b-ecommerce?itcat=coreblog\u0026itterm=shopify-b2b-cta"},"shopify_pos_one":{"href":"https://www.shopify.com/pos?itcat=coreblog\u0026itterm=shopify-pos-cta"},"shopify_pos_two":{"href":"https://www.shopify.com/pos?itcat=coreblog\u0026itterm=shopify-pos-cta"},"shopify_managed_markets":{"href":"https://www.shopify.com/international/managed"},"shopify_partners":{"href":"https://www.shopify.com/partners/directory"},"shopify_affiliates":{"href":"https://www.shopify.com/affiliates"},"shopify_ar":{"href":"https://www.shopify.com/ar"},"loyalty_apps":{"href":"https://apps.shopify.com/categories/store-management-customer-accounts-loyalty-and-rewards"}}},"shareImage":"https://cdn.shopify.com/s/files/1/0070/7032/articles/website_20color_20schemes.png?v=1729861913","availableRegions":["en-ID","en-ca","en-gb","en-au","en-id","en-nz","en-za","en-ng","en-ph","en-sg","en-hk","en-ie","en-my"],"popularArticles":[],"hreflangs":[{"tagName":"link","rel":"alternate","hreflang":"en-ID","href":"https://www.shopify.com/id/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-ca","href":"https://www.shopify.com/ca/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-gb","href":"https://www.shopify.com/uk/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-au","href":"https://www.shopify.com/au/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-id","href":"https://www.shopify.com/id/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-nz","href":"https://www.shopify.com/nz/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-za","href":"https://www.shopify.com/za/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-ng","href":"https://www.shopify.com/ng/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-ph","href":"https://www.shopify.com/ph/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-sg","href":"https://www.shopify.com/sg/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-hk","href":"https://www.shopify.com/hk/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-ie","href":"https://www.shopify.com/ie/blog/website-color-schemes"},{"tagName":"link","rel":"alternate","hreflang":"en-my","href":"https://www.shopify.com/my/blog/website-color-schemes"}],"url":"https://www.shopify.com/id/blog/website-color-schemes","canonicalUrl":"https://www.shopify.com/id/blog/website-color-schemes","rootDomain":"shopify.com","experimentVariationId":"","realCountryCode":"SG","geoCountryCode":"","regionCode":"","site":{"domain":"www.shopify.co.id","countryCode":"ID","hreflang":"en-ID","locale":"en-ID","baseEnDomain":true,"currencyCode":"IDR","features":["blog","editions","facebook_instagram","google","lite_plan","starter_plan","plus","localized_help_center","pos","sitemap_blog","sitemap_blog_retail","sitemap_enterprise","sitemap_tools","support_24_7","google_buy","global_page_title"],"pathPrefix":"id","languageCode":"en"},"fileRoutePath":"/blog/$article","regions":[{"domain":"www.shopify.co.id","href":"https://www.shopify.com/au/blog/website-color-schemes","hreflang":"en-AU","label":"Australia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/be-de","hreflang":"de-BE","label":"Belgium","lang":"de","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/be-en","hreflang":"en-BE","label":"Belgium","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/be-fr","hreflang":"fr-BE","label":"Belgium","lang":"fr","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/be","hreflang":"nl-BE","label":"Belgium","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/br/blog/website-color-schemes","hreflang":"pt","label":"Brasil","lang":"pt","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/ca/blog/website-color-schemes","hreflang":"en-CA","label":"Canada (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/ca-fr","hreflang":"fr-CA","label":"Canada (Français)","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/cz/blog/website-color-schemes","hreflang":"cs","label":"Česká republika","lang":"cs","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/co","hreflang":"es-CO","label":"Colombia","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/dk/blog/website-color-schemes","hreflang":"da","label":"Danmark","lang":"da","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/dk-en","hreflang":"en-DK","label":"Denmark","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/de/blog/website-color-schemes","hreflang":"de","label":"Deutschland","lang":"de","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/es-es","hreflang":"es-ES","label":"España","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/es/blog/website-color-schemes","hreflang":"es","label":"Español (Intl.)","lang":"es","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/fr/blog/website-color-schemes","hreflang":"fr","label":"France","lang":"fr","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/hk-en/blog/website-color-schemes","hreflang":"en-HK","label":"Hong Kong SAR","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/in/blog/website-color-schemes","hreflang":"en-IN","label":"India","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/id/blog/website-color-schemes","hreflang":"en-ID","label":"Indonesia","lang":"en","base":false,"selector":true,"isActive":true,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/ie/blog/website-color-schemes","hreflang":"en-IE","label":"Ireland","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/it/blog/website-color-schemes","hreflang":"it","label":"Italia","lang":"it","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/my/blog/website-color-schemes","hreflang":"en-MY","label":"Malaysia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/mx","hreflang":"es-MX","label":"México","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/nl/blog/website-color-schemes","hreflang":"nl","label":"Nederland","lang":"nl","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/nz/blog/website-color-schemes","hreflang":"en-NZ","label":"New Zealand","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/ng/blog/website-color-schemes","hreflang":"en-NG","label":"Nigeria","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/no/blog/website-color-schemes","hreflang":"nb","label":"Norge","lang":"nb","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/no-en","hreflang":"en-NO","label":"Norway (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/ph/blog/website-color-schemes","hreflang":"en-PH","label":"Philippines","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/pl/blog/website-color-schemes","hreflang":"pl","label":"Polska","lang":"pl","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/pt/blog/website-color-schemes","hreflang":"pt-PT","label":"Portugal","lang":"pt-PT","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/sg/blog/website-color-schemes","hreflang":"en-SG","label":"Singapore","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/za/blog/website-color-schemes","hreflang":"en-ZA","label":"South Africa","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/fi/blog/website-color-schemes","hreflang":"fi","label":"Suomi","lang":"fi","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/se/blog/website-color-schemes","hreflang":"sv","label":"Sverige","lang":"sv","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/tr/blog/website-color-schemes","hreflang":"tr","label":"Türkiye","lang":"tr","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/uk/blog/website-color-schemes","hreflang":"en-GB","label":"United Kingdom","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/blog/website-color-schemes","hreflang":"en","label":"USA","lang":"en","base":true,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/th/blog/website-color-schemes","hreflang":"th","label":"ไทย","lang":"th","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/kr/blog/website-color-schemes","hreflang":"ko","label":"대한민국","lang":"ko","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/tw","hreflang":"zh-Hant-TW","label":"台灣","lang":"zh-Hant","base":false,"selector":true,"isActive":false,"published":false},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/jp/blog/website-color-schemes","hreflang":"ja-JP","label":"日本","lang":"ja","base":false,"selector":true,"isActive":false,"published":true},{"domain":"www.shopify.co.id","href":"https://www.shopify.com/zh/blog/website-color-schemes","hreflang":"zh-Hans","label":"简体中文","lang":"zh-Hans","base":false,"selector":true,"isActive":false,"published":true}],"enPath":"/blog/website-color-schemes","handle":"blog-article","geoPricingIsEnabled":false,"editMode":false,"translations":{"en-ID":{"global":{},"forms":{},"pages/blog/$article/ctas":{},"pages/blog/$article/settings":{},"pages/blog/$article/guide_ctas":{},"pages/blog/$article/content":{},"pages/blog/blogSubNav":{},"pages/blog/$article/theme_promotion_ctas":{}},"en":{"global":{"argoPlaceholder":"2","ariaLabels":{"close":"Close","carousel":{"name":"carousel","slide":"slide","xOfY":"{x} of {y}","play":"Play carousel","pause":"Pause carousel"},"footer":{"regionsNav":"Region Navigation","regionsClose":"Close Region Navigation","newWindow":"Opens an external site in a new window"},"header":{"mobileNavMenu":"Menu","mainNav":"Main","secondaryNav":"Related pages","skipToContent":"Skip to Content"},"headerLight":{"dismissIcon":"Dismiss banner"},"learnMore":"Learn more about {title}","link":{"external":"External source: ","newWindow":" (Opens in a new window)","label":"{{external}}{{title}}{{newWindow}}"},"logoGroup":"Logos","modal":{"close":"Close modal","pip":"Picture in picture"},"next":"Next","previous":"Previous","current":"Current","pagination":{"previous":"Previous page","next":"Next page"},"shopifyLogo":"Shopify logo","shopifyPartnersLogo":"Shopify partners logo","testimonial":{"controls":"Navigate testimonials","plural":"Testimonials","next":"Next Testimonial","previous":"Previous Testimonial","play":"Play Testimonial","pause":"Pause Testimonial"},"videoModal":"video","video":{"play":"Play video","pause":"Pause video"}},"incentivesPromoBanner":{"app_store_credit":"\u003ca href=\"{{signupUrl}}\"\u003eJoin Shopify and get $50 USD to use in the Shopify App Store. \u003c/a\u003e\u003ca id=\"incentivesTermsLink\" target=\"_blank\" data-component-name=\"acquisition-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","gpv_acquisition_incentive_flag":"Join today and get up to \u003ca id=\"showTermsLink\" target=\"_blank\" data-component-name=\"sales-bonus-terms\" href=\"{{incentiveTerms}}\"/ style=\"color: inherit; font-weight: normal\"\u003e$5,000 in cash rebates\u003c/a\u003e on your first six months of sales","retail":{"spRateTermsLink":"\u0026nbsp\u003ca id=\"spIncentivesTermsLink\" target=\"_blank\" class=\"!font-normal\" target=\"_blank\" data-component-name=\"sp-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","subscriptionIncentive":"Special offer: get 6 months of POS Pro for {{incentivePrice}}/month","spRateIncentive":"Get {{rate}}% card rates on up to {{gpvLimit}} USD of in-person sales during your first {{length}} months.","spRateIncentiveTerms":"Terms apply","cardReaderDiscountIncentive":"Get a free card reader when you pick a plan.","cardReaderDiscountIncentiveTerms":"Terms apply"},"gmv_rewards":"\u003ca href=\"{{signupUrl}}\" style=\"text-decoration: none; font-size: 16px\"\u003e\u003cb\u003eOffer: earn 1% of all sales\u003c/b\u003e as subscription credits, up to {{maxPayoutCap}}.\u003c/a\u003e \u003ca id=\"incentiveLearnMoreLink\" href=\"{{learnMore}}\" style=\"font-size: 16px\"\u003eLearn more\u003c/a\u003e"},"cookiesNotice":{"acceptAllButtonText":"Accept all","activeConsentContentHtml":"We use cookies (and other similar technologies) for many purposes, including to improve your experience on our site and for ads and analytics. Click \"Accept all\" to accept these uses. Read more in our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","buttonText":"OK","contentHtml":"Shopify uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our \u003ca href=\"{{legalPrivacyPath}}\"\u003ePrivacy Policy\u003c/a\u003e and our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","rejectAllButtonText":"Reject all"},"countries":{"au":"Australia","be":"Belgium","br":"Brazil","ca":"Canada","cn":"China","co":"Colombia","cz":"Czech Republic","dk":"Denmark","en":"USA","es":"Spain","de":"Germany","fi":"Finland","fr":"France","gb":"UK","hk":"Hong Kong SAR","id":"Indonesia","ie":"Ireland","in":"India","it":"Italy","jp":"Japan","kr":"Korea","my":"Malaysia","mx":"Mexico","ng":"Nigeria","nl":"Netherlands","no":"Norway","nz":"New Zealand","ph":"Philippines","pl":"Poland","pt":"Portugal","se":"Sweden","sg":"Singapore","th":"Thailand","tr":"Turkey","tw":"Taiwan","vn":"Vietnam","za":"South Africa"},"downloadApp":{"androidAlt":"Get the Shopify app on Google Play","androidUrl":"https://shopify.com/install/android","iosAlt":"Download the Shopify app on the Apple App Store","iosUrl":"https://shopify.com/install/mobile","qrCodeAlt":"QR code to download from","qrTitle":"Scan to install"},"downloadposApp":{"androidAlt":"Get the Shopify POS Mobile app on Google Play","androidUrl":"https://play.google.com/store/apps/details?id=com.shopify.pos","iosAlt":"Download the Shopify POS Mobile app on the Apple App Store","iosUrl":"https://apps.apple.com/us/app/shopify-point-of-sale-pos/id686830644","qrCodeAlt":"QR code to download from","qrTitle":"Scan or click below to install"},"forms":{"fields":{"country":{"label":"Country","placeholder":"Select one","error":"Please select a country"}}},"globalNav":{"applyText":"Apply for early access","applyTextPlain":"Apply for access","getStarted":"Get started","headerPdfCta":"Download document","headerPdfCtaLink":"https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf","homeUrl":"{{home}}","loginGetStartedText":"Log in to get started","loginText":"Log in","loginUrl":"/login","signinText":"Sign in","signupText":"Start free trial","signupTextFree":"Sign up free","signupTextPlain":"Sign up","searchText":"Search","searchPlaceholder":"Type something you're looking for","searchPlaceholderMobile":"Search","signUpButtonText":"Get in touch","sharedBottomBar":{"shopify":"Shopify","shopifyDesc":"Platform for entrepreneurs \u0026 SMBs","plus":"Plus","plusDesc":"A commerce solution for growing digital brands","enterprise":"Enterprise","enterpriseDesc":"Solutions for the world’s largest brands"}},"showLess":"Show less","showMore":"Show more","home":"{{home}}","learnMore":"Learn more","plans":{"pricingFaqAnswerWithDiscount":"We offer a 25% discount for yearly subscriptions if you choose the Basic, Shopify, or Advanced plans. If you choose a 3-year Shopify Plus plan, we offer a monthly discount and lower online variable platform fees."},"sell":{"header":"Explore your options","title":"Apps that help you sell {{vertical}}","subheading":"Some popular apps other merchants use","seeRecommendedApps":"See more recommended apps","by":"By {{partner}}"},"shopify":"Shopify","pagination":{"page":"Page"},"signup":{"buttonText":"Start free trial","plusButtonText":"Get in touch","buttonText_fr":"Launch your store","label":"Email address","placeholder":"Enter your email address","disclaimerHtml":"Try Shopify free for {{trialLength}} days, no credit card\u0026nbsp;required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoLengthHtml":"No credit card required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","testimonialButtonText":"Try Shopify free for {{trialLength}} days","freeTrialCtaHtml":"Try Shopify for free, and explore all the tools and services you need to start, run, and grow your\u0026nbsp;business.","signupPaidTrialPromo":{"default_one":"Get {{trialLength}} days free then 1 month for {{paidTrialAmount}}.","default_other":"Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","disclaimer":"By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoEmail_one":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart free, then get your first month for {{paidTrialAmount}}.\u003c/a\u003e","disclaimerNoEmail_other":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.\u003c/a\u003e"}},"social":{"facebook":{"text":"Facebook","url":"https://www.facebook.com/shopify","url_de":"https://www.facebook.com/shopifyDE","url_jp":"https://www.facebook.com/ShopifyJP"},"twitter":{"text":"Twitter","url":"https://twitter.com/shopify","url_jp":"https://twitter.com/ShopifyJP"},"youtube":{"text":"YouTube","url":"https://www.youtube.com/user/shopify","url_de":"https://www.youtube.com/c/ShopifyDeutsch","url_fr":"https://www.youtube.com/c/ShopifyFrançais","url_it":"https://www.youtube.com/c/ShopifyItaliano","url_jp":"https://www.youtube.com/c/ShopifyJapan","url_nl":"https://www.youtube.com/c/ShopifyNederlands","url_br":"https://www.youtube.com/c/ShopifyBrasil"},"instagram":{"text":"Instagram","url":"https://www.instagram.com/shopify/"},"tiktok":{"text":"TikTok","url":"https://www.tiktok.com/@shopify"},"linkedin":{"text":"LinkedIn","url":"https://www.linkedin.com/company/shopify"},"pinterest":{"text":"Pinterest","url":"https://www.pinterest.com/shopify/","url_jp":"https://www.pinterest.com/shopifyjp/"},"email":{"text":"Email","url":"mailto:"}},"tableOfContents":"Table of Contents","totalApps":6000,"totalThemes":70,"supportedLanguages":50,"totalGateways":100,"totalStores":1700000,"uptime":99.98,"waitlistForm":{"errors":{"general":"Something went wrong, try again later","emailFormat":"Email is formatted incorrectly"},"successMessage":"Done","placeholder":"Enter your email address","buttonText":"Signup"},"editionsEyebrow":{"text":"Shopify Editions | Summer ’24 is live"},"sectionErrorBoundary":{"message":"This content is not loading due to a technical problem"},"nav":{"about":"About Shopify","academy":"Shopify Academy","allFeatures":"All features","allProducts":"All Products","allProductsDescription":"Explore all Shopify products \u0026 features","appStore":"Find business apps","appStoreDescription":"Shopify app store","b2b":"Sell wholesale \u0026 direct","b2bDescription":"Business-to-business (B2B)","balance":"Balance","banking":"Banking","billPay":"Bill Pay","blog":"Blog","blogEnterprise":"Enterprise Blog","blogMerchants":"Merchant Blog","blogRetail":"Retail Blog","borrowing":"Borrowing","branding":"Branding","brandingDescriptionV2":"Build your brand from scratch","brandingFlyoutDescription":"Look professional and help customers connect with your business","build":"Build","burst":"Free stock photos","businessEncyclopedia":"Business encyclopedia","businessFunding":"Secure business funding","businessFundingDescription":"Shopify Capital","businessGrowth":"Business growth","businessGrowthDescription":"Scale your business","businessNameGenerator":"Business name generator ","businessPlanTemplate":"Business plan template","businessTypes":"Business Types","buyButton":"Buy Button","buyButtonDescription":"Transform an existing website or blog into an online store","buyButtonSubnav":"Explore Buy Button","capital":"Capital","capitalLoansAndCashAdvances":"Large retailer funding","capitalSmallBusiness":"Small business funding","cdiscount":"Cdiscount","changelog":"Changelog","changelogDescription":"Your source for recent updates","checkout":"Checkout","checkoutDescription":"Provide fast, smooth checkout experiences","checkoutDescriptionV2":"World-class checkout","checkoutV2":"Check out customers","commerceComponents":"Enterprise","commerceComponentsDescription":"Solutions for the world's largest brands","community":"Community","communityEvents":"Community Events","compareToPlus":"Compare to Plus","compass":"Business courses","compassDescription":"Learn from proven experts","calculator":"Cost calculator","credit":"Credit","ctaAlt":"Free Trial","docs":"Docs","customerInsights":"Know your audience","customerInsightsDescription":"Gain customer insights","customization":"Customization","domains":"Domains","domainsAndHosting":"Own your site domain","domainsAndHostingDescription":"Domains \u0026 hosting","dropshipping":"Dropshipping","ecommerce":"Online store","ecommerceDescription":"Online store editor","ecommerceSeo":"Ecommerce SEO","ecommerceSeoDescription":"Improve your search ranking","ecommerceV2":"Create your website","editions":"Editions","editionsAll":"All Editions","editionsAllDescription":"Archive of past Shopify Editions","editionsCurrent":"Winter ’24 Edition","editionsLast":"Summer ’24 Edition","editionsLastDescription":"The latest 100+ product updates","emailMarketing":"Email marketing","encyclopedia":"Encyclopedia","essentialTools":"Essential tools","examples":"Examples","exchange":"Websites for sale","experts":"Experts","facebook":"Facebook Shops","facebookAds":"Facebook Ads","facebookInstagram":"Facebook \u0026 Instagram","faq":"FAQ","features":"Features","financesManagement":"Manage your finances \u0026 access funding","financesManagementDescription":"Shopify Finance","flow":"Ecommerce automation","flowDescription":"Shopify Flow","flowV2":"Automate your business","forums":"Shopify Community","founderStories":"Founder stories","founderStoriesDescription":"Learn from successful merchants","fraudProtection":"Fraud Protection","freeBusinessTools":"Explore free business tools","freeBusinessToolsDescription":"Tools to run your business","freeTools":"Free tools","fulfillment":"Fulfillment","fulfillmentDescription":"Shopify Fulfillment Network","fulfillmentV2":"Outsource fulfillment \u0026 returns","getStarted":"Start free trial","getInTouch":"Get in touch","google":"Google","googleSmart":"Google","googleYoutube":"Google \u0026 Youtube","guides":"Guides","hardware":"Hardware","hardwareStore":"Hardware store","helpAndSupport":"Help and support","helpAndSupportDescription":"Get 24/7 support","helpCenter":"Help Center","howToGuides":"How-to guides","howToGuidesDescription":"Read in-depth business guides","impressumGenerator":"Impressum-Generator","inbox":"Business chat","inboxDescription":"Turn browsers into buyers","inboxDescriptionV2":"Shopify Inbox","inboxV2":"Chat with customers","instagram":"Instagram","installments":"Installments","internationalSales":"International sales","internationalSalesDescription":"Sell globally","inventoryOrderManagement":"Manage your stock \u0026 orders","inventoryOrderManagementDescription":"Inventory \u0026 order management","joinNow":"Join Now","learn":"Learn","lending":"Lending","linkInBioTool":"Link in bio tool","login":"Log in","logoMaker":"Logo maker","manage":"Manage","manageEverything":"Manage everything","manageYourBusiness":"Manage your business","manageYourBusinessDescription":"Track sales, orders \u0026 analytics","market":"Market","marketDescription":"Market your business","marketDescriptionV2":"Reach \u0026 retain customers","marketing":"Marketing","marketingAutomation":"Marketing automation","marketingDescription":"Build a marketing plan","marketingTools":"Marketing tools","marketingToolsDescription":"Ads, email campaigns, and more","marketplaces":"Online marketplaces","markets":"International commerce","marketsDescription":"Reach buyers in new markets with international selling tools","measureYourPerformance":"Measure your performance","measureYourPerformanceDescription":"Analytics and Reporting","midMarket":"Mid-market","migrateToShopify":"Migrate to Shopify","migrateToShopifyDescription":"Compare to other platforms","mobileApp":"Mobile app","mobileAppDescription":"Respond in real time","moneyManagement":"Get paid faster","moneyManagementDescription":"Shopify Balance","more":"More","newsroom":"Newsroom","newsroomDescription":"All company news and press releases","onlineFlyoutDescription":"Find a domain, explore stock images, and amplify your brand","onlinePresence":"Online presence","onlineStoreDescription":"Sell online with an ecommerce website","omnichannel":"Omnichannel selling","orderManagementAndFulfillment":"Order management and delivery","overview":"Overview","partners":"Partners","payments":"Payment processing","paymentsDescription":"Set up forms of payment","paymentsOverview":"Overview","paymentsV2":"Accept online payments","pillarDropdownCta":"Get started","ping":"Shopify Ping","plus":"Plus","plusPricing":"Plus Pricing","podcasts":"Podcasts","pointOfSale":"Point of Sale","pointOfSaleDescription":"Point of Sale (POS)","pointOfSaleV2":"Sell in person","popularTopics":"Popular topics","pos":"Shopify POS","posPricing":"POS Pricing","posSystemSmallBusiness":"Small business POS","posMultiStore":"Multi-store POS","posInventorySystem":"POS inventory system","posAndroid":"Android POS","posIpad":"iPad POS","posApp":"POS App","posSoftware":"POS Software","pricing":"Pricing","pricingOverview":"Pricing overview","productSourcing":"Product sourcing","productSourcingDescription":"Find products to sell","productsToSell":"Products to sell","qrCodeGenerator":"QR code generator","rakuten":"Rakuten","research":"Research","resources":"Resources","retail":"Retail POS","retailDescription":"Sell at retail locations, pop-ups, and beyond","salesChannels":"Sales channels","salesChannelsDescription":"Reach millions of shoppers and boost sales","salesChannelsDescriptionV2":"Channels for social \u0026 marketplaces","salesChannelsV2":"Sell across channels","segmentation":"Customer groups","sell":"Sell","sellEverywhere":"Sell everywhere","sellOnline":"Sell online","sellOnlineDescription":"Grow your business online","sellYourProducts":"Sell your products","sellYourProductsDescription":"Sell online or in person","shipping":"Shipping","shippingDescription":"Fulfill orders faster","shippingDescriptionV2":"Shopify Shipping","shippingV2":"Ship orders faster","inventoryDescription":"Inventory management","shop":"Shop","shopPay":"Shop Pay","shopifyBlog":"Shopify blog","shopifyBlogDescription":"Business strategy tips","shopifyCaseStudies":"Case Studies","shopifyCaseStudiesDescription":"Learn from successful merchants","shopifyComparison":"Shopify comparison","shopifyComparisonDescription":"Comparison with other platforms","shopifyMigration":"Migrate to Shopify","shopifyMigrationDescription":"Migration checklists, guides and tools","shopifyDevelopers":"Shopify Developers","shopifyDevelopersDescription":"Build with Shopify's powerful APIs","shopifyEditions":"Shopify Editions","shopifyEditionsDescription":"New, innovative Shopify products","shopifyEmail":"Nurture customers","shopifyEmailDescription":"Shopify Email","shopifyFinance":"Shopify Finance","shopifyGold":"Enterprise","shopifyOnlineStore":"Shopify Online store","shopifyPlus":"Enterprise","shopifyPlusDescription":"A commerce solution for growing digital brands","shopifyPointOfSale":"Shopify Point of Sale","shopifySite":"shopify.com","shopifyVsBigCommerce":"Shopify vs. BigCommerce","shopifyVsSalesforce":"Shopify vs. Salesforce","shopifyVsSquare":"Shopify vs. Square","signup":"Sign up","social":"Social media","socialDescription":"Social media integrations","socialMediaStrategy":"Social media strategy","socialMediaStrategyDescription":"Turn social into sales","socialV2":"Market across social","solutions":"Solutions","staffManagement":"Staff management","start":"Start","startYourBusiness":"Start your business","startYourBusinessDescription":"Build your brand","stockPhotography":"Stock photography","storeSetup":"Store set up","storeSetupDescription":"Use Shopify’s powerful features to start selling","storeThemes":"Store themes","storeThemesDescription":"Customize your store","successStories":"Success stories","tax":"Tax","termLoans":"Term Loans","themeStore":"Theme store","themes":"Themes","tiktok":"TikTok","upgradeToPlus":"Upgrade to Plus","videos":"Videos","walmart":"Walmart Marketplace","waysToSell":"Ways to sell","webAddress":"Domain name","websiteBuilder":"Website Builder","whatIsShopify":"What is Shopify?","whatIsShopifyDescription":"How our commerce platform works","whatsNew":"What’s new","youtube":"YouTube"},"footer":{"about":"About","aboutShopify":"About Shopify","accessibility":"Accessibility","affiliateProgram":"Affiliate Program","affiliates":"Affiliates","apiDocs":"API Documentation","appDemo":"App Demo","appDeveloperProgram":"App Developers","appStore":"App Store","ar":"Shopify AR","blog":"Blog","blogTopics":"Blog Topics","brand":"Brand","buildBlack":"Build Black","buildNative":"Build Native","businessNameGenerator":"Business Name Generator ","burst":"Free Stock Photos","buyButton":"Buy Button","capital":"Capital","careers":"Careers","commerceComponents":"Commerce Components","company":"Company","companyInfo":"Company Info","contact":"Contact","contactShopify":"Contact Shopify","countrySelect":"Change your country or region.","countrySelectHeading":"Country/region","devDegree":"Dev Degree","developers":"Developers","documentation":"Shopify Help Center","domainNames":"Domain Names","domains":"Domains","dropshipping":"Dropshipping Business","ecommerce":"Online Store","ecommerceHosting":"Ecommerce Hosting","ecommerceSoftware":"Ecommerce Software","economicGrowth":"Economic Growth","email":"Email","examples":"Examples","experts":"Shopify Partners","featureTour":"Website Builder","features":"Features","forums":"Shopify Community","fulfillment":"Fulfillment","gaming":"Gaming","globalImpact":"Global Impact","hardware":"Hardware","hatchful":"Hatchful","heading":"More resources","helpCenter":"Help Center","hireAnExpert":"Hire a Partner","investors":"Investors","leadership":"Leadership","legal":"Legal","linkpop":"Linkpop","logoGenerator":"Logo Maker","managePrivacy":"Manage Privacy","merchantSupport":"Merchant Support","mobileCommerce":"Mobile Commerce","onlineStore":"Ecommerce Website","onlineStoreBuilder":"Online Store Builder","partnerProgram":"Partner Program","partners":"Partners","payments":"Payments","phoneNumber":"1-888-329-0139","platform":"Platform","pointOfSale":"Point of Sale","posFeatures":"Features","posSoftware":"POS Software","pressAndMedia":"Press and Media","pressReleases":"Press Releases","privacyChoices":"Privacy Choices","privacyPolicy":"Privacy Policy","products":"Products","research":"Research","resources":"Support","sellInStore":"Point of Sale","sellOnline":"Sell Online","sellOnlineTour":"Online Retail","serviceStatus":"Service Status","setUp":"Setup","sfn":"Shopify Fulfillment Network","shipping":"Shipping","shop":"Shop","shopPay":"Shop Pay","shopify":"Shopify","shopifyAcademy":"Shopify Academy","shopifyEvents":"Shopify Events","shopifyExperts":"Shopify Partners","shopifyForEnterprise":"Shopify for Enterprise","shopifyGold":"Enterprise","shopifyLite":"Shopify Lite","shopifyPlus":"Shopify Plus","shoppingCart":"Shopping Cart","sitemap":"Sitemap","social":"Social","socialImpact":"Social Impact","solutions":"Solutions","storeDesign":"Themes","storeThemes":"Store Themes","support":"24/7 support","supportLimited":"Customer Support","sustainability":"Sustainability","termsOfService":"Terms of Service","themeStore":"Theme Store","themeSupport":"Theme Support","themes":"Themes","tools":"Free Tools","topics":"Topics","trustSealsAccessibilityText":"Use Shopify with confidence. Our platform has been assessed and certified by:","video":"Video","videoTutorials":"Video Tutorials"}},"pages/blog/blogSubNav":{"argoPlaceholder":"0","subNav":{"title":"Blog","pageTitle":"Menu","overviewText":"Homepage","links":{"findIdea":"Find an Idea","starting":"Starting Up","marketing":"Marketing","latest":"Latest","moreTopics":"More","sellOnline":"Sell Online","businessIdeas":"Business Ideas"},"subLinks":{"guides":"Guides","shopify-master":"The Shopify Podcast","founder-stories":"Founder Stories","how-to-sell-online":"Ecommerce Business Tips","productsToSell":"Products to Sell","dropshipping":"Dropshipping","caseStudies":"Case Studies","entrepreneurship":"Entrepreneurship","see-all-topics":"See All topics","enterprise-blog":"Enterprise Blog"},"variants":{"dropshipping":{"links":{"dropshipping":"Dropshipping","start":"How to Start","suppliers":"Suppliers","guides":"Guides","more":"More"},"subLinks":{"products":"Products","apps":"Dropshipping Apps","tips":"Success Tips","videos":"Dropshipping Videos","help":"Dropshipping Help"}},"ecommerce":{"links":{"ecommerce":"Ecommerce Guide","blue-print":"How to Start","ai-tools":"AI Tools for Ecommerce","tutorial":"Shopify Tutorial","more":"More"},"subLinks":{"checklist":"Ecommerce Store Checklist","platforms":"Best Ecommerce Platforms","strategy":"Ecommerce Strategy","marketing":"Ecommerce Marketing","merchandising":"Ecommerce Merchandising","checkout":"Ecommerce Checkout","conversion-rate":"Ecommerce Conversion","internationally":"International Ecommerce"}},"seo":{"links":{"seo-marketing":"SEO Marketing","ecommerce-seo":"Ecommerce SEO","seo-checklist":"SEO Checklist","seo-tools":"Free SEO Tools","more":"More"},"subLinks":{"shopify-seo":"Shopify SEO","ai-seo":"AI Tools for SEO","content-hub":"Content Hubs","seo-copywriting":"SEO Copywriting","keyword":"Keyword Research","on-page-seo":"On-Page SEO","technical-seo":"Technical SEO","seo-international":"International SEO"}}}}},"pages/blog/$article/content":{"argoPlaceholder":"0","articleMetaTitle":"{{title}} ({{year}})","articleNavigation":{"title":"On this page","bannerTitle":"Start your online business today.","bannerSubTitle":"For free.","bannerHint":"Try Shopify for free, no credit card required.","downloadPDFExperiment":{"text":"Request information"}},"subscribeBanner":{"title":"Keep up with the latest from Shopify","description":"Get free ecommerce tips, inspiration, and resources delivered directly to your inbox.","placeholder":"Enter email","buttonText":"Subscribe","hint":"By entering your email, you agree to receive marketing emails from Shopify.","successMessage":{"heading":"Thank you for subscription!","contentHtml":"Check your email for instructions."}},"keepUpWithTerms":{"title":"The newsletter for entrepreneurs","description":"Join millions of self-starters in getting business resources, tips, and inspiring stories in your inbox.","hint":"Unsubscribe anytime. By entering your email, you agree to receive marketing emails from Shopify. By proceeding, you agree to the \u003ca href=\"{{site, url(path: '/legal/terms', locale: 'en')}}\" target='_blank'\u003eTerms and Conditions\u003c/a\u003e and \u003ca href=\"{{site, url(path: '/legal/privacy', locale: 'en')}}\" target='_blank'\u003ePrivacy Policy\u003c/a\u003e."},"popularPostsTitle":"popular posts","subscribe":{"errors":{"email":"Please enter a valid email address."},"guidesCta":{"submit":"Get updates","success":{"heading":"Thanks for subscribing.","subhead":"You’ll start receiving free tips and resources soon. In the meantime, start building your store with a free trial of Shopify.","cta":"Get started"},"error":"Something went wrong, please try again later!"}},"readMoreLinks":{"title":"Read more"},"relatedArticle":{"title":"Related article"},"partnersSignup":{"service_partner":{"heading":"Grow your business with the Shopify Partner Program","content":"Whether you offer marketing, customization, or web design and development services, the Shopify Partner Program will set you up for success. Join for free and access revenue share opportunities, tools to grow your business, and a passionate commerce community.","cta":"Sign up"},"app_developer":{"heading":"Build apps for Shopify merchants","content":"Whether you want to build apps for the Shopify App Store, offer custom app development services, or are looking for ways to grow your user base, the Shopify Partner Program will set you up for success. Join for free and access educational resources, developer preview environments, and recurring revenue share opportunities.","cta":"Sign up"},"affiliate":{"heading":"Become a Shopify Affiliate","content":"Use your voice to inspire entrepreneurship around the world. Whether you’re an existing partner or new to the Shopify Partner Program, apply to become a Shopify Affiliate and earn commission by referring your audience to Shopify.","cta":"Apply now"},"general":{"heading":"Grow your business with the Shopify Partner Program","content":"Whether you offer web design and development services or want to build apps for the Shopify App Store, the Shopify Partner Program will set you up for success. Join for free and access revenue share opportunities, developer preview environments, and educational resources.","cta":"Sign up"}},"authorSection":{"headingHtml":"Share article","updated":"Last updated","byAuthor":"by \u003cwrapper\u003e\u003cname\u003e{{authorName}}\u003c/name\u003e\u003c/wrapper\u003e","byAuthor_withLink":"by \u003cwrapper\u003e\u003curl\u003e\u003cname\u003e{{authorName}}\u003c/name\u003e\u003c/url\u003e\u003c/wrapper\u003e","reviewed":"Reviewed","written":"Written","updatedBy":"Last updated by"},"articleHeader":{"blogLink":{"text":"blog"}},"hero":{"heading":"Start selling with Shopify today","subhead":"Start your free trial with Shopify today—then use these resources to guide you through every step of the process.","image":{"alt":"My alt."},"button":{"href":"{{deeplinkFreeTrial}}","text":"Start free trial"},"lightButton":{"href":"/","text":"Learn more"},"pricingButton":{"text":"See plans","href":"/pricing"},"treatment":{"heading":"The next big entrepreneur: you","subhead":"Try Shopify for free, and explore all the tools and services you need to start, run, and grow your business.","text":"Learn more","href":"/"},"treatment_2":{"heading":"LET’S MAKE YOUR BUSINESS HAPPEN","subhead":"Shopify has everything you need to build, run, and grow a business. All you've got to do is start.","text":"Learn more","href":"https://help.shopify.com/en/manual/intro-to-shopify"},"whatIsShopifyVideoExp":{"text":"Learn about Shopify","href":"https://www.youtube.com/watch?v=X4lXu4TaS-A","embedVideoId":"X4lXu4TaS-A"}},"subscription":{"heading":"Keep up with the latest from Shopify","subhead":"Subscribe to our blog and get free ecommerce tips, inspiration, and resources delivered directly to your inbox.","disclaimer":"Unsubscribe anytime. By entering your email, you agree to receive marketing emails from Shopify.","conversionCta":{"text":"Subscribe","emailPlaceholder":"Email here","successMessage":{"heading":"Thank you for subscription!","contentHtml":"Check your email for instructions."}}},"latestArticles":{"heading":"Latest from Shopify","link":{"text":"See all"}},"sellAnywhere":{"headingHtml":"Sell anywhere with Shopify","subheadHtml":"Learn on the go. Try Shopify for free, and explore all the tools you need to start, run, and grow your business.","button":{"text":"Start free trial","href":"{{deeplinkFreeTrial}}"},"disclaimerHtml":"Try Shopify for free, no credit card required."},"textCta":{"href":"{{deeplinkFreeTrial}}","text":"Click here to start selling online now with Shopify"},"rightColSideBannerTitle":"The point of sale for every sale.","citation":{"header":"Sources"},"aiSummary":{"buttonText":"AI Summary"},"getInTouchBanner":{"title":"\u003ctitle\u003eGet the only point of sale that gives you \u003chighlight\u003emore\u003c/highlight\u003e\u003c/title\u003e","buttonText":"Get in touch","imageAlt":"get in touch"}},"pages/blog/$article/ctas":{"hero":{"treatment":{"clusters":[{"cluster":"dropshipping","heading":"START DROPSHIPPING TODAY","subhead":"Connect your store to dropshipping suppliers and sell with the internet's best checkout."},{"cluster":"start a business","heading":"START YOUR BUSINESS WITH SHOPIFY","subhead":"Whatever type of business you start, Shopify has the tools to help you sell, ship, and grow."},{"cluster":"business ideas","heading":"DISCOVER YOUR BUSINESS","subhead":"Once you’ve found a business idea, Shopify has the tools you need to start, sell and grow."},{"cluster":"print on demand","heading":"PRINT ON DEMAND WITH SHOPIFY","subhead":"Create and sell custom products without the stress of shipping."},{"cluster":"shopify branded","heading":"BUILD YOUR DREAM BRAND","subhead":"Join millions of entrepreneurs who've built successful brands with Shopify."},{"cluster":"how to make money","heading":"START A BUSINESS FOR FREE","subhead":"Sell products, find customers, and create your brand with Shopify."},{"cluster":"online store","heading":"LAUNCH YOUR STORE WITH SHOPIFY","subhead":"Build your online store with Shopify’s free trial—no credit card required."},{"cluster":"marketing strategy","heading":"EXPAND YOUR REACH WITH SHOPIFY","subhead":"Reach customers with email, SEO, targeted ads, and social media."},{"cluster":"ecommerce platforms/marketplaces","heading":"SELL EVERYWHERE WITH SHOPIFY","subhead":"Sell online, across sales channels, and in person with Shopify's all-in-one commerce platform. Try it out."}]},"treatment_2":{"clusters":[{"cluster":"dropshipping","heading":"DROPSHIPPING? LET'S GO.","subhead":"Build your store and connect to dropshipping suppliers. Sell through your website and socials with the internet's best checkout."},{"cluster":"start a business","heading":"LET’S MAKE YOUR BUSINESS HAPPEN","subhead":"Shopify has everything you need to build, run, and grow your business. All you have to do is start."},{"cluster":"business ideas","heading":"HEY, THAT'S A GREAT IDEA!","subhead":"Once you’ve found a business idea, Shopify has the tools you need to start, sell and grow."},{"cluster":"print on demand","heading":"CLICK, PRINT, CHA-CHING 🛍️","subhead":"Create and sell custom print-on-demand products without the stress of storage or shipping."},{"cluster":"shopify branded","heading":"SEE WHY BRANDS TRUST SHOPIFY","subhead":"Join millions of entrepreneurs who've built successful brands with Shopify."},{"cluster":"how to make money","heading":"STARTING A SIDE HUSTLE?","subhead":"With Shopify’s tools and apps, holding down a side hustle has never been easier."},{"cluster":"online store","heading":"READY TO OPEN YOUR STORE?","subhead":"Try Shopify’s website builder, world-leading checkout, and sales tools for free."},{"cluster":"marketing strategy","heading":"CRAFT WINNING CAMPAIGNS","subhead":"Turn clicks into customers with Shopify's multichannel marketing tools."},{"cluster":"ecommerce platforms/marketplaces","heading":"MULTICHANNEL SELLING SIMPLIFIED","subhead":"Simplify multichannel selling with seamless social media and marketplace integrations."}]}},"articleNavigation":{"treatment":{"clusters":[{"cluster":"dropshipping","bannerTitle":"Start your dropshipping business today.","bannerSubTitle":"For free."},{"cluster":"start a business","bannerTitle":"Build your dream business today.","bannerSubTitle":"For free."},{"cluster":"business ideas","bannerTitle":"Build your dream business today.","bannerSubTitle":"For free."},{"cluster":"print on demand","bannerTitle":"Start your \u003cbr/\u003e\u003cb\u003eprint on demand\u003c/b\u003e\u003cbr/\u003e business.","bannerSubTitle":""},{"cluster":"shopify branded","bannerTitle":"Create your online store today.","bannerSubTitle":"For free."},{"cluster":"how to make money","bannerTitle":"Start your side hustle today.","bannerSubTitle":"For free."},{"cluster":"online store","bannerTitle":"Start your online store today.","bannerSubTitle":"For free."},{"cluster":"marketing strategy","bannerTitle":"Try Shopify’s marketing tools today.","bannerSubTitle":"For free."},{"cluster":"ecommerce platforms/marketplaces","bannerTitle":"Sell online and in person, \u003cb\u003ewherever your customers are.\u003c/b\u003e","bannerSubTitle":""}]},"treatment_2":{"clusters":[{"cluster":"dropshipping","bannerTitle":"Connect with \u003cb\u003edropshipping suppliers.\u003c/b\u003e","bannerSubTitle":""},{"cluster":"start a business","bannerTitle":"Try Shopify's \u003cbr/\u003e\u003cb\u003estore builder\u003c/b\u003e and world-leading checkout.","bannerSubTitle":""},{"cluster":"business ideas","bannerTitle":"Turn ideas into\u003cbr/\u003e income with a","bannerSubTitle":"free trial."},{"cluster":"print on demand","bannerTitle":"Turn ideas into\u003cbr/\u003e income with a","bannerSubTitle":"free trial."},{"cluster":"shopify branded","bannerTitle":"Every tool you need to power \u003cb\u003eyour business.\u003c/b\u003e","bannerSubTitle":""},{"cluster":"how to make money","bannerTitle":"Run a \u003cbr/\u003ezero-investment\u003cbr/\u003ebusiness.","bannerSubTitle":""},{"cluster":"online store","bannerTitle":"Try Shopify's \u003cbr/\u003e\u003cb\u003estore builder\u003c/b\u003e and world-leading checkout.","bannerSubTitle":""},{"cluster":"marketing strategy","bannerTitle":"Reach every customer with \u003cb\u003eemail, SEO, and social tools.\u003c/b\u003e","bannerSubTitle":""},{"cluster":"ecommerce platforms/marketplaces","bannerTitle":"Move your business to Shopify.","bannerSubTitle":""}]}},"textCta":{"treatment":{"clusters":[{"cluster":"dropshipping","text":"Click here to start dropshipping with Shopify"},{"cluster":"start a business","text":"Click here to start your business with Shopify"},{"cluster":"business ideas","text":"Click here to start your business with Shopify"},{"cluster":"print on demand","text":"Click here to build your print on demand store"},{"cluster":"shopify branded","text":"Click here to build your online store with Shopify"},{"cluster":"how to make money","text":"Click here to start your side hustle with Shopify"},{"cluster":"online store","text":"Click here to start building your online store"},{"cluster":"marketing strategy","text":"Click here to start marketing on Shopify"},{"cluster":"ecommerce platforms/marketplaces","text":"Start your business with Shopify’s all-in-one platform"}]},"treatment_2":{"clusters":[{"cluster":"dropshipping","text":"🚀 Click here to launch your dropshipping store"},{"cluster":"start a business","text":"🚀 Click here to launch your business with Shopify"},{"cluster":"business ideas","text":"🚀 Click here to launch your business with Shopify"},{"cluster":"print on demand","text":"🚀 Click here to launch your print on demand store"},{"cluster":"shopify branded","text":"🚀 Click here to launch your store with Shopify"},{"cluster":"how to make money","text":"🚀 Click here to launch your side hustle"},{"cluster":"online store","text":"🚀 Click here to launch your store"},{"cluster":"marketing strategy","text":"🚀 Click here to launch your next marketing campaign"},{"cluster":"ecommerce platforms/marketplaces","text":"🚀 Click here to launch with Shopify’s all-in-one platform"}]}},"marketingBlocks":{"shopify_collabs_one":{"heading":"Get paid by brands you love with Shopify Collabs","subhead":"Shopify Collabs makes it easy to find brands that match your vibe, build affiliate relationships, get paid for what you sell, and track everything in one place.","cta":"Learn about Shopify Collabs"},"shopify_collabs_two":{"heading":"Find influencers to drive sales with Shopify Collabs","subhead":"Shopify Collabs makes it easy to partner with creators, promote your products, reach new customers, grow your sales, and track affiliate performance all from Shopify admin.","cta":"Discover Shopify Collabs"},"social_sales_channels":{"heading":"Reach customers everywhere they are with Shopify","subhead":"Shopify comes with powerful tools that help you promote and sell products on Facebook, Instagram, TikTok, Google, and YouTube from one back office. Make sales on multiple channels and manage everything from Shopify.","cta":"Explore Shopify’s sales channels"},"sales_channel_google":{"heading":"Sell where people search with Shopify","subhead":"Shopify comes with powerful tools that help you list, promote and sell products on Google. Get your product in front of new shoppers who are looking for what you’re selling, from one back office.","cta":"Start selling on Google"},"sales_channel_facebook":{"heading":"Start selling your products on Facebook","subhead":"Shopify comes with powerful tools that help you list, promote and sell products on Facebook. Create product collections, showcase your brand and products, and make sales on Facebook from one place.","cta":"Start selling on Facebook"},"sales_channel_instagram":{"heading":"Start selling your products on Instagram","subhead":"Shopify comes with powerful tools that help you list, promote and sell products on Instagram. Create product collections, showcase your brand and products, and make sales on Instagram from one place.","cta":"Start selling on Instagram"},"sales_channel_tiktok_one":{"heading":"Connect with shoppers on TikTok","subhead":"Shopify comes with powerful tools to help you tell your brand story and create TikTok in-feed ads in minutes. Make sales on TikTok and manage all your orders, returns, and payments from Shopify.","cta":"Start selling on TikTok"},"sales_channel_tiktok_two":{"heading":"Set up shop on TikTok","subhead":"Help boost sales with creative content that converts the next generation of customers.","cta":"Install now"},"sales_channel_youtube":{"heading":"Start selling your products on YouTube from Shopify","subhead":"Shopify comes with powerful tools that help you promote and sell products on YouTube. Sync your product catalog, tag or pin products in livestreams, and manage all your sales from Shopify.","cta":"Start selling on YouTube"},"shop_pay_one":{"heading":"Boost sales with buy now, pay later","subhead":"Shop Pay Installments gives customers flexibility at checkout by letting them pay in 4 interest-free payments or monthly installments up to 12 months. Increase average order values, reduce abandoned carts, and turn more browsers into buyers today.","cta":"Discover Shop Pay Installments"},"shop_pay_two":{"heading":"Reduce abandoned carts with Shop Pay Installments","subhead":"With Shop Pay Installments, you can offer customers flexible payment plans at checkout and lower abandoned carts on larger purchases by up to 28%. Increase average order values and turn more browsers into buyers today.","cta":"Discover Shop Pay Installments"},"shopify_payments_one":{"heading":"Start accepting payments fast with Shopify Payments","subhead":"Skip lengthy third-party activations and go from setup to selling in one click. Shopify Payments comes with your Shopify plan, all you need to do is turn it on.","cta":"Discover Shopify Payments"},"shopify_payments_two":{"heading":"Take control of your cash flow with Shopify Payments","subhead":"Only with Shopify Payments can you track your orders and payments all in one place. Have a complete view of your finances, accept local currencies and payment types for a smooth checkout experience.","cta":"Discover Shopify Payments"},"marketing_tools":{"heading":"Market your business with Shopify’s marketing automation tools","subhead":"Shopify has everything you need to capture more leads, send email campaigns, automate key marketing moments, segment your customers, and analyze your results. Plus, it’s all free for your first 10,000 emails sent per month.","cta":"Discover Shopify’s marketing automation tools"},"shopify_email":{"heading":"Create branded emails in minutes with Shopify Email","subhead":"With Shopify Email, you can easily create, send, automate, and track email campaigns, all from your Shopify admin—no coding required.","cta":"Discover Shopify Email"},"shopify_audiences":{"heading":"Get better ad performance with Shopify Audiences","subhead":"Shopify Audiences helps you find relevant buyers and lower advertising costs with custom audience lists—powered by Shopify’s unique insights from commerce data.","cta":"Discover Shopify Audiences"},"shopify_segmentation_one":{"heading":"Put your customer data to work with Shopify’s customer segmentation","subhead":"Shopify’s built-in segmentation tools help you discover insights about your customers, build segments as targeted as your marketing plans with filters based on your customers’ demographic and behavioral data, and drive sales with timely and personalized emails.","cta":"Discover Shopify segmentation"},"shopify_segmentation_two":{"heading":"Know your audience to grow it","subhead":"Discover powerful insights about your customers by creating unique segments, then reach out with personalized campaigns to drive sales.","cta":"Build your audience"},"marketing_automations":{"heading":"Create and customize marketing automations from Shopify","subhead":"Shopify’s built-in marketing automation tools help you connect with customers at critical moments in their journey—from subscribing to your newsletter to placing their first order and every milestone in between.","cta":"Explore Shopify automations"},"shopify_analytics":{"heading":"Drive your business forward with Shopify’s analytics","subhead":"Shopify's user-friendly reports and analytics capabilities help you make better decisions, faster. Choose from pre-built dashboards and reports, or build your own to spot trends, capitalize on opportunities, and supercharge your decision-making.","cta":"Explore Shopify’s analytics"},"shopify_tax_one":{"heading":"Take the stress out of sales tax with Shopify Tax","subhead":"With Shopify Tax, you can oversee your current sales tax obligations from Shopify admin, collect the right amount at checkout with product and location-specific accuracy, and let Shopify automatically apply rate and regulatory changes whenever they happen.","cta":"Explore Shopify Tax"},"shopify_tax_two":{"heading":"Manage your sales tax from Shopify","subhead":"Shopify Tax puts sales tax insights and collection in your control, and makes everything manageable from your Shopify admin.","cta":"Explore Shopify Tax"},"shopify_balance":{"heading":"Manage your money where you make it with Shopify Balance","subhead":"Shopify Balance is a free financial account that lets you manage your business’s money from Shopify admin. Pay no monthly fees, get payouts up to seven days earlier, and earn cashback on eligible purchases.","cta":"Discover Shopify Balance"},"shopify_credit":{"heading":"Earn cashback rewards with Shopify Credit","subhead":"Get up to 3% cashback on your eligible marketing spend, including on TikTok, Meta, and Google, using Shopify Credit—the business card designed for Shopify entrepreneurs. No fees, no interest, no credit checks.","cta":"Explore Shopify Credit"},"shopify_capital":{"heading":"Get funding to run your business with Shopify Capital","subhead":"Shopify Capital makes it easy to get funding quickly and use it for inventory, marketing, and more. Automatically make payments as a percentage of your daily sales. No compounding interest. No schedules. No surprises.","cta":"Explore Shopify Capital"},"shopify_subscriptions_app":{"heading":"Increase recurring revenue with the Shopify Subscriptions app","subhead":"The free Shopify Subscriptions app lets you offer subscription services and integrates seamlessly with your Shopify admin. Install it today to increase repeat purchases and customer lifetime value.","cta":"Install Shopify Subscriptions"},"shopify_bundles_app_one":{"heading":"Create product bundles with the Shopify Bundles app","subhead":"Product bundles are a great way to increase cart values and ensure your products are discovered by more shoppers. Download the free Shopify Bundles app to quickly and easily create bundles for your products and variants from your Shopify admin.","cta":"Install Shopify Bundles"},"shopify_bundles_app_two":{"heading":"Increase average order values with the Shopify Bundles app","subhead":"Product bundles are a great way to increase cart values and ensure your products are discovered by more shoppers. Download the free Shopify Bundles app to quickly and easily create bundles for your products and variants from your Shopify admin.","cta":"Install Shopify Bundles"},"inventory_management_one":{"heading":"Unify your inventory management with Shopify","subhead":"Only Shopify helps you manage warehouse, pop-up shop, and retail store inventory from the same back office. Shopify automatically syncs stock quantities as you receive, sell, return, or exchange products online or in-person—no manual reconciling necessary.","cta":"Explore inventory management on Shopify"},"inventory_management_two":{"heading":"Manage all your inventory from Shopify","subhead":"Shopify comes with built-in tools to help manage warehouse and store inventory in one place. Track sales, forecast demand, set low stock alerts, create purchase orders, count inventory, and more.","cta":"Explore inventory management on Shopify"},"shopify_order_management":{"heading":"Speed up fulfillment times with Shopify","subhead":"Shopify comes with built-in tools to help you track, prioritize, and fulfill orders from one place, so you can get orders out the door sooner and exceed customer expectations.","cta":"Explore order management on Shopify"},"shopify_magic_one":{"heading":"Shopify Magic","subhead":"Shopify Magic makes it easier to start, run, and grow your business. Our groundbreaking commerce-focused AI empowers entrepreneurs like you to be more creative, productive, and successful than ever before.","cta":"AI designed for commerce"},"shopify_magic_two":{"heading":"Let Shopify Magic write product descriptions for you","subhead":"Ever wished a product description would just write itself? With Shopify Magic—Shopify’s artificial intelligence tools designed for commerce—it will. Create product descriptions in seconds and get your products in front of shoppers faster than ever.","cta":"Learn about Shopify Magic"},"shopify_inbox_one":{"heading":"Turn chats into sales with Shopify Inbox","subhead":"Shopify Inbox is a free app that lets you chat with shoppers in real-time, see what’s in their cart, share discount codes, create automated messages, and understand how chats influence sales right from your Shopify admin.","cta":"Discover Shopify Inbox"},"b2b_ecommerce":{"heading":"Sell wholesale and direct to consumers with Shopify","subhead":"Only Shopify comes with built-in features that help you sell B2B and DTC from a single store or platform. Tailor the shopping experience for each buyer with customized product and pricing publishing, quantity rules, payment terms, and more—no third-party apps or coding required.","cta":"Explore B2B on Shopify"},"shopify_pos_one":{"heading":"Start selling in-person with Shopify POS","subhead":"Shopify POS is the easiest way to start selling in-person. Take your brand on the road and accept payments, manage inventory and payouts, and sell everywhere your customers are—farmer’s markets, pop up events and meetups, craft fairs, and anywhere in between.","cta":"Discover Shopify POS"},"shopify_pos_two":{"heading":"Get started with Shopify POS","subhead":"Only Shopify gives you all the tools you need to manage your business, market to customers, and sell everywhere in one place. Unify in-store and online sales today.","cta":"Discover Shopify POS"},"shopify_managed_markets":{"heading":"Sell internationally in minutes with Managed Markets","subhead":"Managed Markets helps you sell in 150+ countries and scale your business internationally—all from a single Shopify store. Make global shipping hassle-free, with tools to manage store localization, collect duties upfront, simplify customs documentation, and get fast transit times.","cta":"Discover Managed Markets"},"shopify_partners":{"heading":"Visit the Shopify Partners Marketplace","subhead":"Find experienced commerce professionals who will help you grow your business. Browse the different services Shopify partners offer, post a job, and hire a professional to work with.","cta":"Visit now"},"shopify_affiliates":{"heading":"Become a Shopify Affiliate","subhead":"Join the program to grow your brand, access exclusive opportunities, and earn a competitive commission for each new business you refer to Shopify.","cta":"Apply now"},"shopify_ar":{"heading":"Create immersive shopping experiences with Shopify AR","subhead":"Give shoppers a new way to experience your products when you add augmented reality (AR) to your online store. Using 3D models for your products provides customers with a better understanding of the function and size of an item, and increases your customers' confidence in the quality of your products.","cta":"Learn about Shopify AR"},"loyalty_apps":{"heading":"Reward loyalty everywhere customers shop","subhead":"Only Shopify’s integrated loyalty apps let customers collect and redeem loyalty rewards when shopping with you both online and in store—no complicated workarounds required.","cta":"Explore loyalty apps"}}},"pages/blog/$article/guide_ctas":{"guidesCta":{"modal":{"subhead":"Almost there: please enter your email below to gain instant access.","disclaimer":"We'll also send you updates on new educational guides and success stories from the Shopify newsletter. We hate SPAM and promise to keep your email address safe."},"analytics":{"heading":"Free Ebook: Ecommerce Analytics for Beginners","content":"Find out which metrics are the key to establishing and growing your online business. This free guide is the perfect first step in learning about ecommerce analytics.","cta":"Get the free ebook now","modal_headline":"Get Ecommerce Analytics for Beginners delivered right to your inbox."},"back_to_school":{"heading":"The Complete Guide to Back to School Marketing for Retail Stores","content":"Get an update on this year's back to school marketing trends, compare strategies, and build out your plan with this short guide.","cta":"Get your free guide now","modal_headline":"Get the Back to School Marketing Guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"bio_template":{"heading":"Free Professional Bio Template","content":"Make a lasting first impression! Elevate your professional image with our easy-to-use template.","cta":"Download template","modal_headline":"Get the free professional bio template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"brand_guide_template":{"heading":"Free Brand Guide Template","content":"You’ve built a strong brand. Keep it consistent across all your channels with our detailed brand guide template.","cta":"Download template","modal_headline":"Get the free brand guide template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"brand_storytelling":{"heading":"Free Worksheet: Brand Storytelling","content":"Use this handy exercise as a guide to help you craft a compelling brand story and build a loyal audience through the power of storytelling.","cta":"Get the worksheet","modal_headline":"Get our free Brand Storytelling Worksheet delivered right to your inbox."},"branding":{"heading":"Free Reading List: How to Brand Your Business","content":"A great brand can help your products stand out from the crowd. Get a crash course in small business branding with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get our Branding reading list delivered right to your inbox."},"branding_kit":{"heading":"Free Business Branding Kit","content":"Craft a powerful brand identity that stands out in the market. Use these free templates and tools to help you build a cohesive and memorable brand.","cta":"Download now","modal_headline":"Get the branding kit delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free kit soon. In the meantime, start building your store with a free trial of Shopify."},"business_case_template":{"heading":"Free Business Case Template","content":"Turn your big ideas into reality. Our user-friendly template is here to help you create a compelling business case with ease.","cta":"Get the template now","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"business_letter":{"heading":"Free Business Letter Template","content":"Communicate clearly and effectively. Use this customizable template to create a polished business letter that makes a great impression.","cta":"Get the template now","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"business_model_canvas":{"heading":"Free Business Model Canvas Template","content":"Streamline your business planning! This easy-to-use template helps you visualize your business model and identify key components for success.","cta":"Get the template now","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"business_proposal":{"heading":"Free Business Proposal Template","content":"Land your next big deal with ease! Our easy-to-follow template helps you craft proposals that not only impress but also seal the deal.","cta":"Download template","modal_headline":"Get our business proposal template delivered right to your inbox."},"businessplan":{"heading":"Free: Business Plan Template","content":"Business planning is often used to secure funding, but plenty of business owners find writing a plan valuable, even if they never work with an investor. That’s why we put together a free business plan template to help you get started.","cta":"Get the template now","modal_headline":"Get the business plan template delivered right to your inbox."},"businessideas":{"heading":"Free: The Big List of Business Ideas","content":"To help you find the inspiration to start, we compiled a list of 100+ in-demand business ideas, broken down into categories like fitness, apparel, and gaming.","cta":"Get the list now","modal_headline":"Get the big list of business ideas delivered right to your inbox."},"camera_checklist":{"heading":"How to take product photos like a pro","content":"This essential guide will help you shoot stunning product photos, with tips, equipment lists, and easy-to-follow shooting instructions.","cta":"Download guide","modal_headline":"Get the guide delivered right to your inbox."},"case_studies":{"heading":"Free Video Series: Ecommerce Inspiration","content":"Feeling uninspired? Watch some of the world's most successful entrepreneurs share their best advice for new business owners.","cta":"Get the free video series","modal_headline":"Get our Ecommerce Inspiration video series delivered right to your inbox."},"case_study_template":{"heading":"Free Case Study Template","content":"Show your expertise and highlight your company’s success with our free case study template.","cta":"Get the template now","modal_headline":"Get the case study template delivered right to your inbox."},"cash_flow_template":{"heading":"Free Cash Flow Statement Template","content":"Balancing your books can be stressful. Take charge of your finances with our free cash flow statement template.","cta":"Get the template now","modal_headline":"Get the cash flow statement template delivered right to your inbox."},"competitive":{"heading":"Free: Competitive Analysis Template","content":"By evaluating the strengths and weaknesses of your competition, you can begin to formulate how to give your company an advantage. Download our free competitive analysis template and gain an edge over the competition.","cta":"Get the template now","modal_headline":"Get the competitive analysis template delivered right to your inbox."},"content_strategy_template":{"heading":"Free Content Strategy Template","content":"Create content that truly connects and engages. Our template helps you plan and execute your vision, keeping your goals on track.","cta":"Get the template now","modal_headline":"Get the content strategy template delivered right to your inbox."},"copywriting":{"heading":"Free Reading List: Copywriting Tactics for Entrepreneurs","content":"Is your website content costing you sales? Learn how to improve your website copy with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get our Copywriting Tactics reading list delivered right to your inbox."},"copywriting_research":{"heading":"Research the words you use to sell","content":"Use this free template to help you enhance your website and connect with customers. Research the words competitors use and analyze customer feedback to help you write compelling copy.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox."},"customer_journey":{"heading":"Free Customer Journey Map Template","content":"Your customers know why they’re engaging with your brand. But do you know what they’re going through? Use this free template to craft a shopping experience they’ll love.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"customerservice":{"heading":"Free Reading List: Customer Service Strategies","content":"Focusing on customer service can turn negative interactions into positive reviews (and repeat customers). Learn how with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get the reading list delivered right to your inbox."},"decision_matrix":{"heading":"Free Decision Matrix Template","content":"Have a tough decision to make? This template helps you evaluate options and simplifies the decision making process so you can make confident choices.","cta":"Get the template now","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"design":{"heading":"Free Reading List: Online Store Design Tips","content":"Your online store's appearance can have a big impact sales. Unleash your inner designer with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get our Store Design reading list delivered right to your inbox."},"digital_marketing_kit":{"heading":"Free Digital Marketing Toolkit","content":"Unlock the secrets to successful online marketing. This free resource is packed with strategies, templates, and insights to elevate your brand’s digital presence.","cta":"Download now","modal_headline":"Get the toolkit delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free toolkit soon. In the meantime, start building your store with a free trial of Shopify."},"email":{"heading":"Free Ebook: How to Grow Your Ecommerce Business with Email Marketing","content":"Whether you're just getting started or dreaming up your next big campaign, this email marketing guide will provide you with insights and ideas to help your business grow.","cta":"Get the free ebook now","modal_headline":"Get our Email Marketing guide delivered right to your inbox."},"expense_report":{"heading":"Free Expense Report Template","content":"Make tracking your expenses and reimbursements a whole lot easier. Our simple template keeps things accurate and saves you time.","cta":"Get the template now","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"googleshopping":{"heading":"Free Ebook: Google Shopping for Small Businesses","content":"Google Shopping ads are one of the leading traffic sources that can give you the ultimate edge. Discover this hidden gem often overlooked by your competition.","cta":"Get the free ebook now","modal_headline":"Get Google Shopping for Small Businesses delivered right to your inbox."},"go_to_market":{"heading":"Free Go-to-Market Strategy Template","content":"Plan your product launch with precision. Our template can help you reach and convert your target audience efficiently.","cta":"Download template","modal_headline":"Get your free go-to-market strategy template delivered right to your inbox."},"hiring_questions":{"heading":"Free Guide: Interview Questions for Hiring Retail Employees","content":"Hiring competent retail employees is becoming increasingly challenging. Use this guide to ask the right questions during the interview process to ensure you hire the right people for your store.","cta":"Get the free guide now","modal_headline":"Get our guide Interview Questions for Hiring Retail Employees delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"holiday_selling_2021":{"heading":"Free Holiday Selling Guide: Top 10 Holiday Selling Tips for Retail Stores","content":"A sale can happen anywhere, at any time. Use our top 10 strategies to unify your customer touch points and set yourself up for holiday success.","cta":"Get the free guide now","modal_headline":"Get our Top 10 Holiday Selling Tips for Retail Stores delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"international_shipping":{"heading":"Free International Shipping Checklist","content":"Expand your business globally with confidence. This free checklist ensures you have everything in place for smooth and compliant shipments.","cta":"Download now","modal_headline":"Get the checklist delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free checklist soon. In the meantime, start building your store with a free trial of Shopify."},"inventory_templates":{"heading":"5 Free Templates to Better Understand Your Inventory","content":"Calculate your businesses cost of goods sold, sell through rate, inventory turnover, saftey stock, economic order quantity, or reorder point with ease using these custom templates. (No math required!)","cta":"Get your free templates","modal_headline":"Get your Inventory Templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free templates soon. In the meantime, start building your store with a free trial of Shopify."},"keyword_research_template":{"heading":"Free keyword research template","content":"Use this free keyword research template to unlock opportunities and manage your SEO strategy. Drive targeted traffic to your website by tracking search volume, ranking difficulty, user intent, and content ideas.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox."},"marketing_plan":{"heading":"Free Marketing Plan Template","content":"Create a detailed marketing plan that gets results. Our template helps you design strategies and actions to effectively reach your audience.","cta":"Download template","modal_headline":"Get your marketing plan template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free templates soon. In the meantime, start building your store with a free trial of Shopify."},"marketing_proposal":{"heading":"Free Marketing Proposal Template","content":"Impress with a professional marketing proposal. This free template provides a clear structure and essential elements to help you create compelling proposals.","cta":"Download template","modal_headline":"Get your template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free template soon. In the meantime, start building your store with a free trial of Shopify."},"okr_template":{"heading":"Free OKR Template","content":"Align your team and boost performance. This simple template helps you set clear objectives and track key results for measurable success.","cta":"Get the template now","modal_headline":"Get your template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free template soon. In the meantime, start building your store with a free trial of Shopify."},"one_pager":{"heading":"Free One Pager Template","content":"Present your ideas clearly and concisely. This template helps you summarize your key points perfectly.","cta":"Get the template now","modal_headline":"Get your template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free template soon. In the meantime, start building your store with a free trial of Shopify."},"opening_closing_checklist":{"heading":"Free Checklist for Opening and Closing Your Store","content":"Ensure all protocols and procedures are completed each time you open and close your store with this handy, easy-to-follow checklist.","cta":"Get the free checklist","modal_headline":"Get our Opening and Closing Checklist delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"optimization":{"heading":"Free Reading List: Conversion Optimization for Beginners","content":"Turn more website visitors into customers by getting a crash course in conversion optimization. Access our free, curated list of high-impact articles below.","cta":"Get the free reading list","modal_headline":"Get our Conversion Optimization reading list delivered right to your inbox."},"packaging_calculator":{"heading":"Calculate your packaging costs","content":"Use this free calculator to estimate your packaging expenses. Get insights into labor, materials, and design costs to make informed decisions for your business.","cta":"Download calculator","modal_headline":"Get the calculator delivered right to your inbox."},"packing_slip":{"heading":"Free Packing Slip Template","content":"Save time and effort by ensuring proper delivery of your products. Our free packing slip template helps you get started.","cta":"Get the template now","modal_headline":"Get the packing slip template delivered right to your inbox."},"parentpreneur":{"heading":"Playbook for the Aspiring Parentpreneur","content":"Unleash your creativity and turn your passion into a thriving business with our Parentprenuer brainstorming guide. Discover new ideas, set realistic goals, and map out a plan for success.","cta":"Download now","modal_headline":"Check your inbox for your copy of the Parentpreneur Playbook."},"persona_template":{"heading":"Free User Persona Template","content":"Maximize your product’s potential. Unlock insights to fine-tune your offerings and impress users. Our template makes it easy.","cta":"Download template","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"phonecases":{"heading":"Get a Free Phone Case Business in a Box","content":"Free high quality phone case stock photos and a list of some places you can look to find phone case suppliers to work with.","cta":"Download startup bundle","modal_headline":"Get our startup bundle delivered right to your inbox."},"photobrief":{"heading":"Get perfect product photography","content":"This free template will help you write detailed, professional creative briefs that help photographers know exactly what you're looking for.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox."},"photochecklist":{"heading":"All the images your store needs","content":"This free photo shot list helps you plan every image for your online store, from homepage banners to product cards.","cta":"Download shot list","modal_headline":"Get the shot list delivered right to your inbox."},"photographer_checklist":{"heading":"Make your next photo shoot a success","content":"Use this free checklist to help you hire the perfect photographer for your product photos—complete with budget tips and outreach email templates.","cta":"Download checklist","modal_headline":"Get the checklist delivered right to your inbox."},"photography":{"heading":"Free Guide: DIY Product Photography","content":"Learn how to take beautiful product photos on a budget with our free, comprehensive video guide.","cta":"Get your free guide","modal_headline":"Get our DIY Guide to Beautiful Product Photography delivered right to your inbox."},"popup_guide":{"heading":"Pop-Up Shop Quickstart Guide","content":"Thinking about hosting a Pop-Up Shop? This free guide includes 3 checklists that help frame what you're looking to accomplish through your Pop-Up Shop, different types of Pop-Up Shops, and design ideas to help get you started.","cta":"Get your free guide","modal_headline":"Get your Pop-Up Shop Quickstart Guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"pp_template":{"heading":"Free PowerPoint Template","content":"Capture attention with business presentations that pop! Our customizable template makes it easy to showcase your ideas clearly.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"press_kit":{"heading":"Free Press Kit Template","content":"Get your business the spotlight it deserves. Our all-in-one template makes it a breeze for journalists and media to share your story.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"pressrelease":{"heading":"Free: Press Release Template","content":"To help you get started, we put together this template to help you structure your story using a common press release format. You can replace each component with your own information and adapt it according to your needs.","cta":"Get the template now","modal_headline":"Get the press release template delivered right to your inbox."},"problem_statement":{"heading":"Free Problem Statement Template","content":"See your challenges clearly. This simple template helps you create powerful problem statements that lead to meaningful solutions.","cta":"Get the template now","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"process_map":{"heading":"Free Process Mapping Template","content":"Simplify your operations with a clear picture of your processes. This template helps you outline and improve workflows for more productivity.","cta":"Get the template now","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"productivity":{"heading":"Free Reading List: Ecommerce Motivation","content":"Having trouble focusing on growing your small business? Get access to our free, curated list of high-impact productivity articles.","cta":"Get the free reading list","modal_headline":"Get our Ecommerce Motivation reading list delivered right to your inbox."},"products":{"heading":"Free Guide: How to Find a Profitable Product to Sell Online","content":"Excited about starting a business, but not sure where to start? This free, comprehensive guide will teach you how to find great, newly trending products with high sales potential.","cta":"Get the free guide","modal_headline":"Get How To Find A Product To Sell Online: The Definitive Guide PDF delivered right to your inbox."},"product_vision":{"heading":"Free Product Vision Template","content":"Developing a new product? This free template will help give you a clear picture of your product’s future, by defining effective goals and strategies.","cta":"Get the template now","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"profit_loss":{"heading":"Free Profit and Loss Statement Template","content":"Need help keeping an eye on your business's financial performance? Our free, user-friendly template will help you make informed decisions with ease.","cta":"Get the template now","modal_headline":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"purchase_order":{"heading":"Create a purchase order","content":"Use this free template to create clear, detailed purchase orders for your business. Keep all your information organized and easy to understand.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox."},"retail_marketing":{"heading":"Free Download: From Clicks to Customers: How to Measure Your Retail Store's Marketing Success","content":"Every marketing campaign is an investment of your time, energy, and money. Do you ever wonder if your efforts were worth it? Read this guide and build a framework to plan, track, and measure the success of retail marketing campaigns.","cta":"Get your free guide","modal_headline":"Get your free Retail Marketing Success PDF delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"retention_audit":{"heading":"Free Download: Retention Audit Checklist","content":"Struggling with customer retention? This free checklist will help you build a retention mindset throughout your company by auditing retention strategies at every level of your business.","cta":"Get your free checklist","modal_headline":"Get this free Retention Audit Checklist PDF delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"rfp_template":{"heading":"Free RFP Template","content":"Make writing requests for proposals easier and faster with our free RFP template.","cta":"Get the template now","modal_headline":"Get the RFP template delivered right to your inbox."},"root_cause":{"heading":"Free Root Cause Analysis Template","content":"Get to the heart of your business problems and find effective solutions. This template helps you find and address the underlying causes.","cta":"Get the template now","modal_headline":"Get this free template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"rotating_schedules":{"heading":"Free Download: Rotating Schedules Templates","content":"Struggling to keep your stores fully staffed and running smoothly? Consider implementing a rotating shift program. Download these free templates to find the right schedule for you and your employees.","cta":"Get your free templates","modal_headline":"Get these free Rotating Schedules Templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"sales_email":{"heading":"Free Sales Email Templates","content":"Craft compelling emails that convert! Our customizable templates help you engage prospects and close deals.","cta":"Get your free templates","modal_headline":"Get these free templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"sales_funnel_template":{"heading":"Free Sales Funnel Template","content":"Make your sales process smoother and close deals faster. Our template maps out each stage, so you never miss an opportunity.","cta":"Download template","modal_headline":"Get this free sales funnel template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"sales_plan_template":{"heading":"Free Sales Planning Template","content":"Supercharge your sales strategy with our all-in-one planning tool. Set your targets, track your progress, and reach your goals with confidence and ease.","cta":"Get the template now","modal_headline":"Get this free sales planning template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"scope_template":{"heading":"Free Scope of Work Template","content":"Set clear expectations and ensure project success. This template provides a simple outline to help you define project deliverables and run programs smoothly.","cta":"Get the template now","modal_headline":"Get this free template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"seo":{"heading":"Free Download: SEO Checklist","content":"Want to rank higher in search results? Get access to our free, checklist on search engine optimization.","cta":"Get the free checklist","modal_headline":"Get our SEO Checklist delivered right to your inbox."},"services_price":{"heading":"Your Time is Valuable, so Price it Right","content":"Ensure your business is profitable with this easy-to-use pricing calculator. This free tool helps you find the right pricing strategy for your services, so you can maximize your time and your earnings.","cta":"Download calculator","modal_headline":"Get this calculator delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"sfn_interview":{"heading":"Free Checklist: How to Interview a Third Party Logistics Provider","content":"Outsourcing fulfillment is a significant investment. Here’s a checklist of questions to ask in preparation of choosing the right fulfillment provider and transitioning your business.","cta":"Get the free checklist","modal_headline":"Get the checklist delivered right to your inbox."},"sfn_outsource":{"heading":"Free Checklist: Are You Ready to Outsource Your Fulfillment?","content":"Trusting a third party logistics (3PL) provider with your inventory and your customer experience is a significant investment. These questions will help determine if it's time to outsource your fulfillment and take the next step in growing your business.","cta":"Get the free checklist","modal_headline":"Get the checklist delivered right to your inbox."},"shipping":{"heading":"The Shopify guide to shipping and fulfillment","content":"Boost customer satisfaction while driving sales growth for your ecommerce business with an effective shipping and fulfillment strategy. Use this guide to create a plan that covers all aspects of shipping and fulfillment, from how much to charge your customers to choosing the right fulfillment method.","cta":"Download now and start optimizing your operations","modal_headline":"Get our shipping and fulfillment guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"shipping_kit":{"heading":"Free Shipping and Fulfillment Kit","content":"Simplify your shipping process and ensure your products reach customers on time. This free toolkit provides essential tips and resources to help you manage logistics efficiently.","cta":"Download now","modal_headline":"Get our shipping and fulfillment kit delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free kit soon. In the meantime, start building your store with a free trial of Shopify."},"social":{"heading":"Social media strategy and planning templates","content":"Ready to get started with your social media strategy? These free, customizable templates give you tools to plan and execute a strategy that connects you with your target audience while keeping your content calendar organized.","cta":"Download now and start seeing results","modal_headline":"Get your social media strategy and planning templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"social_media_kit":{"heading":"Free Social Media Toolkit","content":"Boost your engagement and grow your audience with this free toolkit. Get templates, best practices, and tips to help you create compelling content that engages and converts.","cta":"Download now","modal_headline":"Get your social media strategy toolkit delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your toolkit copy soon. In the meantime, start building your store with a free trial of Shopify."},"social_template":{"heading":"Social media strategy and planning templates","content":"Ready to get started with your social media strategy? These free, customizable templates give you tools to plan and execute a strategy that connects you with your target audience while keeping your content calendar organized.","cta":"Download now and start seeing results","modal_headline":"Get social media strategy and planning templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"sop_template":{"heading":"Free SOP Template","content":"Turn your tangle of tasks into simple steps anyone can follow. Our user-friendly template makes it a breeze.","cta":"Download template","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"store_layouts":{"heading":"Free Download: Store Layout Templates","content":"Trying to decide which layout is right for your store? Download these free templates to learn which types of layouts work best for different industries and draw inspiration for your own design.","cta":"Get your free templates","modal_headline":"Get these free templates delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"swot":{"heading":"Free: SWOT Analysis Template","content":"Get your free SWOT Analysis Template. Use this free PDF to future-proof your business by identifying your strengths, weaknesses, opportunities, and threats.","cta":"Get the template now","modal_headline":"Get the SWOT analysis template delivered right to your inbox."},"tax_season":{"heading":"Free Download: 6 Steps to Get Your Business Ready for Tax Season","content":"Tax season is stressful for any business owner. This guide will go through the process of filing income taxes in America and provide you with checklists to keep you organized and prepared.","cta":"Get your free guide now","modal_headline":"Get your free guide","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"trust":{"heading":"Free: Shopify Store Trust Checklist","content":"Shopify’s research team conducted a series of in-depth interviews with North American shoppers to learn how customer trust is formed in online stores. This checklist is a summary of their findings, created to help business owners understand what essential aspects of their online store experience creates trust among customers, along with the trust-busting mistakes to avoid.","cta":"Get the checklist now","modal_headline":"Get the checklist delivered right to your inbox."},"tshirt_guide":{"heading":"Your Complete Guide To Starting a T-Shirt Business","content":"Turn your passion for fashion into a thriving business. This free comprehensive guide walks you through each step of launching your own T-shirt business, from design to sales.","cta":"Download now","modal_headline":"Get the guide delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"ttp_guide":{"heading":"Free Download: The Online Sellers Guide to In-Person Sales","content":"In-person selling is more approachable than ever. This guide covers why selling in person can reduce customer acquisition costs, how to build a plan that will scale with your business, and tactics from ecommerce sellers that made the move successfully.","cta":"Get your free guide now","modal_headline":"Get your free guide","modal_success_heading":"Thanks for downloading. You'll receive your free copy soon. In the meantime, start building your store with a free trial of Shopify."},"twitter":{"heading":"Free Ebook: Twitter Marketing for Small Businesses","content":"This guide will teach you everything from earning your first followers to getting the most out of Twitter’s advertising platform. Claim your free download to get instant access.","cta":"Get the free ebook now","modal_headline":"Get Twitter Marketing for Small Businesses delivered right to your inbox."},"use_case_template":{"heading":"Free Use Case Template","content":"Do your products hold hidden value? Use this free template to spot new sales opportunities.","cta":"Download template","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"value_chain":{"heading":"Free Value Chain Template","content":"Explore your business activities and discover new ways to lower costs and improve quality. This template helps you analyze each step for better performance.","cta":"Get the template now","modal_headline":"Get our template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"value_prop_template":{"heading":"Free Value Proposition Template","content":"Share what makes your brand stand out. Convince customers to consider, click, and buy. Our template makes it easy.","cta":"Download template","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."},"video":{"heading":"Free Reading List: Video Marketing Tips and Tricks","content":"Video marketing is a powerful tool you can’t afford to ignore. Get a crash course with our free, curated list of high-impact articles.","cta":"Get the free reading list","modal_headline":"Get the reading list delivered right to your inbox."},"white_paper_template":{"heading":"Free White Paper Template","content":"Share your experience and establish your authority. This template offers a framework for creating compelling, trustworthy white papers.","cta":"Get the template now","modal_headline":"Get the template delivered right to your inbox.","modal_success_heading":"Thanks for downloading. You'll receive your free download soon. In the meantime, start building your store with a free trial of Shopify."}}},"pages/blog/$article/theme_promotion_ctas":{"themes":{"title":"Convert better.\u003cbr\u003e Sell faster.\u003cbr\u003e Customize easier.","subTitle":"With Shopify themes.","buttonText":"Shopify Theme Store","href":"{{themes, url(path: '/')}}"},"apps":{"title":"Sell wider.\u003cbr\u003e Ship faster.\u003cbr\u003e Work smarter.","subTitle":"With Shopify apps.","buttonText":"Shopify App Store","href":"{{app, url(path: '/')}}"}},"forms":{"webinar":{"error_heading":"Sorry but we’re having some problems completing your registration.","error_message_html":"Please send us an email at \u003ca href=\"mailto:plus@shopify.com\"\u003eplus@shopify.com\u003c/a\u003e or try again later.","name":{"label":"Full name","error":"Please enter your full name"},"email":{"label":"Business email","error":"Please enter a valid email address"},"phone":{"label":"Business phone","error":"Please enter your business phone number"},"title":{"label":"Job title","error":"Please enter your job title"},"company":{"label":"Company","error":"Please enter your company name"},"website":{"label":"Website URL","error":"Please enter your website URL"},"annualRevenue":{"label":"Annual revenue","error":"Please enter your annual revenue","options":{"DEFAULT":"Select one","UNKNOWN":"Unknown","UNDER_1M":"Up to 1 million dollars","BETWEEN_1M_30M":"1 to 30 million dollars","BETWEEN_30M_100M":"30 to 100 million dollars","OVER_100M":"Over 100 million dollars"}},"annualOfflineRevenue":{"label":"Annual offline revenue","error":"Please enter your annual offline revenue","options":{"DEFAULT":"Select one","UNDER_250K":"$0 to $250,000","BETWEEN_250K_500K":"$250,000 to $500,000","BETWEEN_500K_1M":"$500,000 to $1,000,000","BETWEEN_1M_10M":"$1,000,000 to $10,000,000","OVER_10M":"$10,000,000+"}},"marketingCommunicationConsent":{"label":"I consent to receive promotional communications from Shopify and the partners that provide these resources. I understand I can unsubscribe at any time. More information can be found in our \u003ca href=\"{{site, url(path: '/legal/privacy')}}\"\u003ePrivacy Policy\u003c/a\u003e."},"thanks":{"heading":"Thank you for registering!","subheading":"See you on {{date}}! We'll send you a unique link for the event before it begins.","subheading_onehourbefore":"A link for you to watch the event will be emailed to you shortly.","subheading_after":"Please check your email for a link to the recorded video.","message":"Add to your calendar"}},"event":{"thanks":{"heading":"Thank you for registering!","heading_bookmeeting":"Thank you for your request","subheading":"We will see you soon.","subheading_bookmeeting":"We will reach out shortly to confirm your meeting.","message":"Add to your calendar"}},"contact":{"thanks":{"heading":"Thank you","message":"A Shopify Plus sales expert will contact you soon."},"callUs":{"heading":"Want to chat sooner? Give us a call.","message":"Monday to Friday 9am-6pm ET","button":"1-844-686-1946"}},"resource":{"thanks":{"heading":"Thank you for your interest in this resource","download_button_label":"Download now"}},"submit":{"label":"Submit","label_submitting":"Submitting..."},"lead":{"error_heading":"Sorry but we’re having some problems completing your registration.","error_message_html":"Please send us an email at \u003ca href=\"mailto:plus@shopify.com\"\u003eplus@shopify.com\u003c/a\u003e or try again later.","name":{"label":"Full name","error":"Please enter your full name"},"email":{"label":"Business email","error":"Please enter a valid email address"},"phone":{"label":"Business phone","error":"Please enter your business phone number"},"title":{"label":"Job title","error":"Please enter your job title"},"company":{"label":"Company","error":"Please enter your company name"},"website":{"label":"Website URL","error":"Please enter your website URL"},"marketingCommunicationConsent":{"label":"I consent to receive promotional communications from Shopify and the partners that provide these resources. I understand I can unsubscribe at any time. More information can be found in our \u003ca href=\"{{site, url(path: '/legal/privacy')}}\"\u003ePrivacy Policy\u003c/a\u003e.","disclaimer":"By submitting this form, you agree to receive promotional messages from Shopify about its products and services. You can unsubscribe at any time by clicking on the link at the bottom of our emails."},"revenueRanges":{"options":{"DEFAULT":"Select one","GETTING_STARTED":"Just getting started"}},"annualOnlineRevenueRange":{"label":"Annual online revenue","error":"Please enter your annual online revenue"},"annualOfflineRevenueRange":{"label":"Annual in-store revenue","error":"Please enter your annual in-store revenue"},"locations":{"label":"Current retail locations","error":"Please select your current number of retail locations ","options":{"DEFAULT":"Select one","ONE":"1","TWO_TO_THREE":"2 to 3","FOUR_TO_TEN":"4 to 10","ELEVEN_TO_TWENTY":"11 to 20","TWENTY_ONE_TO_TWO_HUNDRED":"21 to 200","TWO_HUNDRED_PLUS":"200+","NO_LOCATIONS":"No locations","OPENING_SOON":"Opening soon"}},"jobTitle":{"label":"Job title","error":"Please enter your job title"},"city":{"label":"City","error":"Please enter your city"},"state":{"label":"State","error":"Please select your state"},"country":{"label":"Country","error":"Please select your country","defaultCountryOption":"Select one"},"dietaryRestrictions":{"label":"Please indicate dietary restriction/food allergy","optional":"Optional","options":["Dairy Free","Gluten Free","Halal","Kosher","Lactose Free","Nut allergy","Shellfish","Vegan","Vegetarian","Others"],"textFieldLabel":"Others","error":"Please enter your dietary restrictions"},"accessibilityNeeds":{"label":"Please let us know if you have any accessibility requirements","optional":"Optional","options":["Hearing","Lactation/Nursing Room","Mobility","Vision","Others"],"textFieldLabel":"Others","error":"Please enter your accessibility requirements"}},"argoTrigger":0},"pages/blog/$article/settings":{"images":{"guides-modal-default":"https://cdn.shopify.com/shopifycloud/brochure/assets/content-marketing/blog/guides/default-popup-small-507879111d55acdd759b202ab869ea0b8bd0f4af9f9aaa7c540efe59b8e046db.jpg","guides-modal-photography":"https://cdn.shopify.com/b/shopify-brochure2-assets/1bd4b072dc187a774c9af650d0f16d0b.jpg","guides-modal-seo":"https://cdn.shopify.com/b/shopify-brochure2-assets/63781344c2932de6e553a54b02291692.jpg","subscription":{"image":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/c46f986d892538f4b0a15f25692330f7.png?originalWidth=1420\u0026originalHeight=1040"}},"articleNavigation":{"banner":{"en":"https://cdn.shopify.com/b/shopify-brochure2-assets/e570727d45209fec56c410f802faa0fe.png"}}}}}},"pricing":{"annualDiscountPercentage":25,"basicAnnualPrice":"\u003cspan\u003e$19.00 USD\u003c/span\u003e","googleCountryOffer":"Rp3,000,000","minimumMonthlyPrice":"$5","minimumMonthlyPriceCurrency":"USD","paidTrialAmount":"$1","paidTrialMonths":3,"posProPriceUsd":"$89","posRetailLocations":"1,000","promoAmount":{"amount":1,"currencyCode":"USD","currencySymbol":"$"},"signupTypes":["paid_trial_experience"],"trialLength":3,"usd":"USD"}},"root":null},"actionData":null,"errors":null}};</script><script type="module" async="">; import * as route0 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-DQv_F4qc.js"; import * as route1 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-Bmm5Prh7.js"; import * as route2 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-MyLcOlK7.js"; window.__remixManifest = { "entry": { "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CTuCHl1M.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js" ], "css": [] }, "routes": { "root": { "id": "root", "path": "", "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-DQv_F4qc.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-DRtheyQB.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-R5SMpisq.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-CoZWJUIT.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-C0CkZO0H.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-B2CGrCyT.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-DvJRVFNr.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-BLkLHBRd.js" ], "css": [] }, "pages/shopify.com/($locale)~~layout": { "id": "pages/shopify.com/($locale)~~layout", "parentId": "root", "path": ":locale?", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-Bmm5Prh7.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-DRtheyQB.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-DvJRVFNr.js" ], "css": [] }, "pages/shopify.com/($locale)/blog/$article": { "id": "pages/shopify.com/($locale)/blog/$article", "parentId": "pages/shopify.com/($locale)~~layout", "path": "blog/:article", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-MyLcOlK7.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-DRtheyQB.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-R5SMpisq.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CNon358d.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-BsjI1VIY.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-BXpU7Ohi.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-BLkLHBRd.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-rnC4VxOd.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-CdLlm0ke.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-9bBiSrGF.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cm4ZPFll.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-C0CkZO0H.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-Dqn2JlFF.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BaseInput-XCX4TVlN.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-B349-7_a.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/meta-B5XuLiPm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Article-BRKyuxNc.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-BeIpR_Hw.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/LatestSection-B6PaKAwm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-CVi-O1N9.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-PwjvKJBO.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Link-B8ft18J3.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-CoZWJUIT.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-mLKFuOrx.js" ], "css": [] }, "pages/shopify.com/($locale)/blog": { "id": "pages/shopify.com/($locale)/blog", "parentId": "pages/shopify.com/($locale)~~layout", "path": "blog", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-BckwffP_.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-60B5pb4k.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/I18N-DRtheyQB.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Wrapper-R5SMpisq.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-CNon358d.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/XIcon.svg-BsjI1VIY.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-BXpU7Ohi.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-CdLlm0ke.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-BLkLHBRd.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/index-rnC4VxOd.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-9bBiSrGF.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-B349-7_a.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Hero-DPGyVOoy.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/LatestSection-B6PaKAwm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/style-D3D_uGkP.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-BeIpR_Hw.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ThreePane-B_x9RJ7J.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SimpleSectionsIndex-CRLOWoE6.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-CVi-O1N9.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-PwjvKJBO.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cm4ZPFll.js" ], "css": [] } }, "url": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/manifest-2305599e.js", "version": "2305599e" }; window.__remixRouteModules = {"root":route0,"pages/shopify.com/($locale)~~layout":route1,"pages/shopify.com/($locale)/blog/$article":route2}; import("https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-CTuCHl1M.js");</script></body></html>