https://checkoutpage.com/_next/static/chunks/pages/brand-c86d217357e4fe9a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[983],{4414:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(42731);let o=r.forwardRef(function(e,t){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"}))})},5168:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var r=a(42731);let o=r.forwardRef(function(e,t){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:t},e),r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"}))})},25248:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/brand",function(){return a(43160)}])},42391:(e,t,a)=>{"use strict";a.d(t,{Ay:()=>d,vx:()=>l});var r=a(73539),o=a(48792),s=a.n(o);a(42731);let n="transition-all whitespace-nowrap inline-flex rounded-lg justify-center items-baseline outline-none cursor-pointer text-lg font-semibold";function i(e){let{variant:t}=e;switch(t){case"primary":return"".concat(n," bg-chocolate-1000 hover:bg-chocolate-900 text-white px-6 py-2.5 border border-chocolate-1000 focus:ring-chocolate-900 hover:ring-chocolate-900");case"primary_wide":return"".concat(n," bg-chocolate-1000 hover:bg-chocolate-900 text-white px-20 py-2.5 border border-chocolate-1000 focus:ring-chocolate-900 hover:ring-chocolate-900");case"primary_full":return"".concat(n," bg-chocolate-1000 hover:bg-chocolate-900 text-white w-full py-2.5 border border-chocolate-1000 focus:ring-chocolate-900 hover:ring-chocolate-900");case"dark":return"".concat(n," bg-neutral-900 hover:bg-black text-white focus:ring-neutral-900 hover:ring-neutral-900 px-6 py-2.5");case"dark_full":return"".concat(n," bg-neutral-900 hover:bg-black text-white focus:ring-neutral-900 hover:ring-neutral-900 w-full py-2.5");case"outline":return"".concat(n," bg-white text-chocolate-900 border border-chocolate-900 hover:text-white hover:bg-chocolate-1000 focus:ring-chocolate-1000 hover:ring-chocolate-1000 px-6 py-2.5");case"outline_full":return"".concat(n," bg-white text-chocolate-900 border border-chocolate-900 hover:text-white hover:bg-chocolate-1000 focus:ring-chocolate-1000 hover:ring-chocolate-1000 w-full py-2.5");case"light_full":return"".concat(n," bg-white hover:bg-gray-100 text-gray-900 hover:text-black focus:ring-white hover:ring-white w-full py-2.5");case"light":return"".concat(n," bg-white hover:bg-gray-100 text-gray-900 hover:text-black focus:ring-white hover:ring-white px-6 py-2.5");case"tab-black":return"bg-transparent text-gray-500 font-medium hover:text-gray-900 text-sm rounded-lg px-3.5 py-2 transition-all duration-200 ease-out";case"tab-black-selected":return"text-gray-900 bg-white font-medium text-sm rounded-lg px-3.5 py-2 shadow-[0_0_0_1px_rgba(0,0,0,0.06),0_1px_3px_rgba(0,0,0,0.06)] transition-all duration-200 ease-out";case"tab-orange":return"bg-white text-black font-medium border-black hover:border-orange-100 text-lg border-2 rounded-3xl px-4 py-1.5";case"tab-orange-selected":return"text-black bg-white border-orange-100 font-medium hover:border-orange-100 text-lg border-2 rounded-3xl px-4 py-1.5";default:return"".concat(n," bg-gray-600 hover:bg-gray-700 focus:ring-gray-500 hover:ring-gray-500 px-6 py-2.5")}}let c=e=>{let{onClick:t,variant:a,children:o,className:s,cta:n,...c}=e;return(0,r.jsx)("button",{onClick:t,type:"button","data-cta":n?"":void 0,className:"".concat(i({variant:a})," ").concat(s),...c,children:o})},l=e=>{let{href:t,variant:a,children:o,className:n,cta:c,...l}=e;return(0,r.jsx)(s(),{href:t,"data-cta":c?"":void 0,className:"".concat(i({variant:a})," ").concat(n),...l,children:o})};function d(e){return e.href?(0,r.jsx)(l,{...e}):(0,r.jsx)(c,{...e})}},43160:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>N});

1var r=a(73539),o=a(42731),s=a(86229),n=a.n(s),i=a(16998),c=a(53270),l=a(54550),d=a(42391),h=a(84622),g=a(5168),m=a(4414);let x={title:"Brand assets",description:"Download the Checkout Page logo and get guidelines for using our brand, plus company facts and photos for press."},u=[{label:"Lockup, black",svg:"/brand/checkout-page-lockup-dark.svg",png:"/brand/[email protected]",dark:!1},{label:"Lockup, white",svg:"/brand/checkout-page-lockup-reversed.svg",png:"/brand/[email protected]",dark:!0}],p=[{label:"Mark, black",svg:"/brand/checkout-page-mark-dark.svg",png:"/brand/[email protected]",dark:!1},{label:"Mark, white",svg:"/brand/checkout-page-mark-reversed.svg",png:"/brand/[email protected]",dark:!0}],b=[{name:"Black",hex:"#0A0A0A",className:"bg-[#0A0A0A]"},{name:"White",hex:"#FFFFFF",className:"bg-white"}],y="Checkout Page is a no-code checkout platform for selling digital products, subscriptions and event tickets. Businesses use it to create branded checkouts and sales funnels on top of their own Stripe account, so payments go directly to them. Founded in 2018 by Sander Visser and Andy James Nelson, Checkout Page processes over $30 million in payments per year for more than 300 businesses. The company is profitable, backed by TinySeed and run by a fully remote team.",f=[{label:"Founded",value:"2018"},{label:"Founders",value:"Sander Visser and Andy James Nelson"},{label:"Team",value:"4 people, fully remote"},{label:"Scale",value:"$30M+ in payments per year for 300+ businesses"},{label:"Funding",value:"Bootstrapped to profitability, backed by TinySeed (2024)"},{label:"Website",value:"checkoutpage.com"}],v=[{name:"Sander Visser",role:"Cofounder",photo:"/img/team/sander-visser.png"},{name:"Andy James Nelson",role:"Cofounder",photo:"/img/team/andrew-nelson.jpg"}];function w(e){let{title:t,children:a}=e;return(0,r.jsxs)("section",{className:"py-10 lg:py-14 border-t border-gray-200",children:[(0,r.jsx)("h2",{className:"text-2xl font-semibold tracking-tight text-gray-900",children:t}),(0,r.jsx)("div",{className:"mt-6",children:a})]})}function j(e){let{src:t}=e,[a,s]=(0,o.useState)(!1),n=async()=>{try{let e=await fetch(t),a=await e.text();await navigator.clipboard.writeText(a),s(!0),setTimeout(()=>s(!1),2e3)}catch(e){}};return(0,r.jsxs)("button",{type:"button",onClick:n,className:"inline-flex items-center gap-x-1 text-gray-600 hover:text-gray-900 hover:underline","aria-label":a?"Copied":"Copy SVG to clipboard",children:[a?(0,r.jsx)(g.A,{className:"h-4 w-4"}):(0,r.jsx)(m.A,{className:"h-4 w-4"}),a?"Copied":"Copy SVG"]})}function k(e){let{label:t,svg:a,png:o,dark:s,imgClassName:n}=e;return(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("div",{className:"flex h-44 items-center justify-center rounded-xl border border-gray-200 ".concat(s?"bg-[#0A0A0A]":"bg-white"),children:(0,r.jsx)("img",{src:a,alt:"",className:n})}),(0,r.jsxs)("div",{className:"mt-3 flex items-center justify-between text-sm",children:[(0,r.jsx)("p",{className:"font-medium text-gray-900",children:t}),(0,r.jsxs)("div",{className:"flex gap-x-3",children:[(0,r.jsx)("a",{href:a,download:!0,className:"text-gray-600 hover:text-gray-900 hover:underline",children:"SVG"}),(0,r.jsx)("a",{href:o,download:!0,className:"text-gray-600 hover:text-gray-900 hover:underline",children:"PNG"}),(0,r.jsx)(j,{src:a})]})]})]})}function N(){return(0,r.jsxs)(i.A,{children:[(0,r.jsx)(c.A,{meta:x}),(0,r.jsx)("header",{className:"py-24 lg:py-32",children:(0,r.jsx)(l.A,{children:(0,r.jsxs)("div",{className:"mx-auto max-w-3xl text-center",children:[(0,r.jsx)("h1",{className:"text-5xl font-semibold tracking-tight text-gray-900 sm:text-6xl",children:"Brand assets"}),(0,r.jsx)("p",{className:"mt-6 text-lg text-gray-600",children:"Guidelines and downloads for the Checkout Page name and logo, plus everything you need to write about us."}),(0,r.jsx)("div",{className:"mt-8",children:(0,r.jsx)(d.Ay,{href:"/brand/checkout-page-brand-assets.zip",variant:"primary",download:!0,children:"Download all assets (.zip)"})})]})})}),(0,r.jsx)(l.A,{children:(0,r.jsxs)("div",{className:"mx-auto max-w-4xl pb-24",children:[(0,r.jsxs)(w,{title:"Logo",children:[(0,r.jsx)("p",{className:"text-base text-gray-600",children:"Use the lockup wherever there is room for it. Use the mark on its own only in small spaces where the lockup would be unreadable, like favicons and app icons."}),(0,r.jsxs)("div",{className:"mt-8 grid grid-cols-1 gap-8 sm:grid-cols-2",children:[u.map(e=>(0,r.jsx)(k,{...e,imgClassName:"h-8 w-auto"},e.label)),p.map(e=>(0,r.jsx)(k,{...e,imgClassName:"h-14 w-auto"},e.label))]})]}),(0,r.jsxs)(w,{title:"Colors",children:[(0,r.jsx)("p",{className:"text-base text-gray-600",children:"Our brand uses two colors. The logo is always black or white, nothing else."}),(0,r.jsx)("div",{className:"mt-8 grid grid-cols-1 gap-8 sm:grid-cols-2",children:b.map(e=>(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("div",{className:"h-24 rounded-xl border border-gray-200 ".concat(e.className)}),(0,r.jsxs)("div",{className:"mt-3 flex items-center justify-between text-sm",children:[(0,r.jsx)("p",{className:"font-medium text-gray-900",children:e.name}),(0,r.jsx)(h.A,{text:e.hex,variant:"ghost",children:e.hex})]})]},e.hex))})]}),(0,r.jsx)(w,{title:"Name",children:(0,r.jsx)("p",{className:"text-base text-gray-600",children:"Our name is Checkout Page. Two words, both capitalized. Please don't write CheckoutPage, Checkout page or checkoutpage."})}),(0,r.jsxs)(w,{title:"Usage",children:[(0,r.jsx)("p",{className:"text-base text-gray-600",children:"You're welcome to use these assets to refer to Checkout Page, for example in blog posts, integration pages and press coverage. A few things we ask:"}),(0,r.jsxs)("ul",{className:"mt-6 list-disc space-y-2 pl-5 text-base text-gray-600",children:[(0,r.jsx)("li",{children:"Don't recolor the logo. Use the black or white version only."}),(0,r.jsx)("li",{children:"Don't stretch, skew or rotate the logo."}),(0,r.jsx)("li",{children:"Don't add shadows, outlines or other effects."}),(0,r.jsx)("li",{children:"Don't place the logo on busy backgrounds that make it hard to read."}),(0,r.jsx)("li",{children:"Don't use the logo to imply partnership or endorsement without our permission."}),(0,r.jsx)("li",{children:"Showing our logo on your site? Link it to checkoutpage.com."})]})]}),(0,r.jsxs)(w,{title:"For press",children:[(0,r.jsx)("p",{className:"text-base text-gray-600",children:"Writing about Checkout Page? Here's a head start."}),(0,r.jsx)("h3",{className:"mt-8 text-base font-semibold text-gray-900",children:"Boilerplate"}),(0,r.jsx)("p",{className:"mt-3 rounded-xl border border-gray-200 bg-gray-50 p-5 text-base text-gray-600",children:y}),(0,r.jsx)("div",{className:"mt-3",children:(0,r.jsx)(h.A,{text:y,children:"Copy boilerplate"})}),(0,r.jsx)("h3",{className:"mt-10 text-base font-semibold text-gray-900",children:"Key facts"}),(0,r.jsx)("dl",{className:"mt-3 divide-y divide-gray-200 border-y border-gray-200",children:f.map(e=>(0,r.jsxs)("div",{className:"flex gap-x-6 py-3 text-base",children:[(0,r.jsx)("dt",{className:"w-28 flex-none font-medium text-gray-900",children:e.label}),(0,r.jsx)("dd",{className:"text-gray-600",children:e.value})]},e.label))}),(0,r.jsx)("h3",{className:"mt-10 text-base font-semibold text-gray-900",children:"Founder photos"}),(0,r.jsx)("div",{className:"mt-4 grid grid-cols-1 gap-8 sm:grid-cols-2",children:v.map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-x-4",children:[(0,r.jsx)(n(),{src:e.photo,alt:e.name,width:64,height:64,className:"h-16 w-16 rounded-full object-cover"}),(0,r.jsxs)("div",{className:"text-sm",children:[(0,r.jsx)("p",{className:"font-medium text-gray-900",children:e.name}),(0,r.jsx)("p",{className:"text-gray-600",children:e.role}),(0,r.jsx)("a",{href:e.photo,download:!0,className:"text-gray-600 hover:text-gray-900 hover:underline",children:"Download photo"})]})]},e.name))}),(0,r.jsxs)("p",{className:"mt-10 text-base text-gray-600",children:["Questions about these assets or writing about us? Email"," ",(0,r.jsx)("a",{href:"mailto:[email protected]",className:"text-gray-900 underline",children:"[email protected]"}),"."]})]}),(0,r.jsx)(w,{title:"Legal",children:(0,r.jsx)("p",{className:"text-base text-gray-600",children:"The Checkout Page name and logo are trademarks of Checkout Page Technologies Inc. These assets are provided for referring to Checkout Page. Using them doesn't imply any affiliation with or endorsement by Checkout Page."})})]})})]})}},49970:(e,t,a)=>{e.exports=a(40988)},53270:(e,t,a)=>{"use strict";a.d(t,{A:()=>c});var r=a(73539);a(42731);var o=a(49970),s=a.n(o),n=a(92673);let i={title:"Checkout Page | Sell event tickets, products & subscriptions",description:"Checkout Page's no-code checkout page builder lets you accept payments on your website and from hosted payment pages without platform fees.",site_name:"Checkout Page",image:"".concat("https://checkoutpage.com","/img/media-card.png"),index:!0}

1,c=function(){let{meta:e={title:i.title,description:i.description,image:i.image,site_name:i.site_name,index:i.index},withSiteName:t=!0,children:a}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{meta:{title:i.title,description:i.description,image:i.image,site_name:i.site_name,index:i.index},withSiteName:!0},o=(0,n.useRouter)(),c=(e.url||"https://checkoutpage.com"+o.asPath).split("?")[0],l=t&&e.title?"".concat(e.title," - ").concat(e.site_name||i.site_name):e.title||"".concat(i.title," - ").concat(e.site_name||i.site_name),d=o.asPath.split("?")[0].split("#")[0],h="/"===d||""===d,g=t=>{if(!t)return t;let a=e.site_name||i.site_name;return t.replace(RegExp("\\s*[-–|]\\s*".concat(a,"\\s*$"),"i"),"")},m=e.image||(()=>{if(h)return"".concat("https://checkoutpage.com","/api/og");let t=e.og||{},a=new URLSearchParams;return a.set("title",t.title||g(e.title)||i.title),t.category&&a.set("category",t.category),t.subtitle&&a.set("subtitle",t.subtitle),"".concat("https://checkoutpage.com","/api/og?").concat(a.toString())})(),x=e.description||i.description,u=void 0===e.index?i.index:e.index;return(0,r.jsxs)(s(),{children:[(0,r.jsx)("meta",{name:"theme-color",content:"#000000"}),(0,r.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/img/apple-touch-icon.png"}),(0,r.jsx)("link",{rel:"icon",sizes:"192x192",href:"/img/logo.png"}),(0,r.jsx)("link",{rel:"mask-icon",href:"/img/logo.svg",color:"black"}),(0,r.jsx)("link",{rel:"icon",href:"/favicon.ico",sizes:"32x32",type:"image/x-icon"}),(0,r.jsx)("link",{rel:"icon",href:"/favicon.svg",sizes:"any",type:"image/svg+xml"}),(0,r.jsx)("link",{rel:"manifest",href:"/img/site.webmanifest"}),(0,r.jsx)("script",{dangerouslySetInnerHTML:{__html:"(function(){if(window.__themeFavicon)return;window.__themeFavicon=true;var m=window.matchMedia('(prefers-color-scheme: dark)');m.addEventListener('change',function(){var l=document.querySelector('link[href^=\"/favicon.svg\"]');if(l)l.href='/favicon.svg?theme='+(m.matches?'dark':'light');});})();"}}),(0,r.jsx)("link",{rel:"canonical",href:c}),(0,r.jsx)("meta",{property:"og:type",content:"website"}),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),u?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{name:"robots",content:"index,follow"}),(0,r.jsx)("meta",{name:"googlebot",content:"index,follow"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("meta",{name:"robots",content:e.follow?"noindex,follow":"noindex,nofollow"}),(0,r.jsx)("meta",{name:"googlebot",content:e.follow?"noindex,follow":"noindex,nofollow"})]}),(0,r.jsx)("meta",{name:"apple-mobile-web-app-status-bar-style",content:"black"}),(0,r.jsx)("meta",{httpEquiv:"X-UA-Compatible",content:"IE=edge,chrome=1"}),(0,r.jsx)("title",{children:l}),(0,r.jsx)("meta",{property:"og:title",content:l}),(0,r.jsx)("meta",{name:"twitter:title",content:l}),(0,r.jsx)("meta",{name:"twitter:description",content:x}),(0,r.jsx)("meta",{property:"og:description",content:x}),(0,r.jsx)("meta",{name:"description",content:x}),(0,r.jsx)("meta",{property:"og:url",content:c}),(0,r.jsx)("meta",{name:"twitter:url",content:c}),(0,r.jsx)("meta",{property:"og:image",content:m}),(0,r.jsx)("meta",{property:"og:site_name",content:i.site_name}),(0,r.jsx)("meta",{name:"twitter:site",content:i.site_name}),a]})}},84622:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(73539),o=a(42731),s=a(5168),n=a(4414);function i(e){let{text:t,children:a,className:i="",variant:c="outline",onCopied:l,...d}=e,[h,g]=(0,o.useState)(!1),m=async()=>{try{await navigator.clipboard.writeText(t),g(!0),setTimeout(()=>g(!1),2e3)}catch(a){let e=document.createElement("textarea");e.value=t,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),g(!0),setTimeout(()=>g(!1),2e3)}l&&l(t)},x="".concat("inline-flex items-center gap-x-2 transition-colors focus:outline-none focus:ring-2 focus:ring-chocolate-500"," ").concat({outline:"border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-50 rounded-md",primary:"bg-chocolate-1000 hover:bg-chocolate-900 text-white px-4 py-2 border border-chocolate-1000 rounded-lg",ghost:"text-gray-600 hover:text-gray-800 px-2 py-1"}[c]," ").concat(i);return(0,r.jsx)("button",{type:"button",onClick:m,className:x,"aria-label":h?"Copied!":"Copy to clipboard",...d,children:h?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.A,{className:"h-4 w-4"}),"string"==typeof a?a.replace(/copy/i,"Copied"):a||"Copied!"]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.A,{className:"h-4 w-4"}),a||"Copy"]})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[6411,5906,2595,8490,6998,636,6593,8792],()=>t(25248)),_N_E=e.O()}]);