CINXE.COM
Ghost Careers
<!DOCTYPE html> <html lang="en"> <head> <title>Ghost Careers</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preload" as="style" href="/assets/built/screen.css?v=ae222f0200"> <link rel="preload" as="script" href="/assets/built/source.js?v=ae222f0200"> <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=ae222f0200" crossorigin="anonymous"> <style> @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: optional; src: url(/assets/fonts/inter-roman.woff2?v=ae222f0200) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=ae222f0200"> <style> :root { --background-color: #ffffff } </style> <script> /* The script for calculating the color contrast has been taken from https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/ */ var accentColor = getComputedStyle(document.documentElement).getPropertyValue('--background-color'); accentColor = accentColor.trim().slice(1); if (accentColor.length === 3) { accentColor = accentColor[0] + accentColor[0] + accentColor[1] + accentColor[1] + accentColor[2] + accentColor[2]; } var r = parseInt(accentColor.substr(0, 2), 16); var g = parseInt(accentColor.substr(2, 2), 16); var b = parseInt(accentColor.substr(4, 2), 16); var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; var textColor = (yiq >= 128) ? 'dark' : 'light'; document.documentElement.className = `has-${textColor}-text`; </script> <meta name="description" content="Ghost careers newsletter"> <link rel="icon" href="https://careers.ghost.io/content/images/size/w256h256/2022/09/ghost-orb-black-transparent-09.png" type="image/png"> <link rel="canonical" href="https://careers.ghost.io/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Ghost Careers"> <meta property="og:type" content="website"> <meta property="og:title" content="Ghost Careers"> <meta property="og:description" content="Ghost careers newsletter"> <meta property="og:url" content="https://careers.ghost.io/"> <meta property="og:image" content="https://images.unsplash.com/photo-1454789548928-9efd52dc4031?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHNwYWNlfGVufDB8fHx8MTY5NzcyOTE5Nnww&ixlib=rb-4.0.3&q=80&w=2000"> <meta property="article:publisher" content="https://www.facebook.com/ghost"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Ghost Careers"> <meta name="twitter:description" content="Ghost careers newsletter"> <meta name="twitter:url" content="https://careers.ghost.io/"> <meta name="twitter:image" content="https://images.unsplash.com/photo-1454789548928-9efd52dc4031?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHNwYWNlfGVufDB8fHx8MTY5NzcyOTE5Nnww&ixlib=rb-4.0.3&q=80&w=2000"> <meta name="twitter:site" content="@ghost"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1200"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "publisher": { "@type": "Organization", "name": "Ghost Careers", "url": "https://careers.ghost.io/", "logo": { "@type": "ImageObject", "url": "https://careers.ghost.io/content/images/2023/10/ghost-orb-pink-transparent-01.png", "width": 60, "height": 60 } }, "url": "https://careers.ghost.io/", "name": "Ghost Careers", "image": { "@type": "ImageObject", "url": "https://images.unsplash.com/photo-1454789548928-9efd52dc4031?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHNwYWNlfGVufDB8fHx8MTY5NzcyOTE5Nnww&ixlib=rb-4.0.3&q=80&w=2000", "width": 1200, "height": 1200 }, "mainEntityOfPage": "https://careers.ghost.io/", "description": "Ghost careers newsletter" } </script> <meta name="generator" content="Ghost 5.109"> <link rel="alternate" type="application/rss+xml" title="Ghost Careers" href="https://careers.ghost.io/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.49/umd/portal.min.js" data-i18n="true" data-ghost="https://careers.ghost.io/" data-key="97fb2d57cf966f8c8a66d709b5" data-api="https://careers.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/sodo-search.min.js" data-key="97fb2d57cf966f8c8a66d709b5" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://careers.ghost.io/" data-locale="en" crossorigin="anonymous"></script> <link href="https://careers.ghost.io/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=ae222f0200"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=ae222f0200"> <script defer src="/public/member-attribution.min.js?v=ae222f0200"></script><style>:root {--ghost-accent-color: #FF1A75;}</style> <!-- <script> window.location.assign("https://careers.ghost.org"); </script> --> <style> .gh-navigation {display:none} .gh-header.is-classic.has-image {height:100svh} </style> </head> <body class="home-template has-sans-title has-sans-body"> <div class="gh-viewport"> <header id="gh-navigation" class="gh-navigation is-middle-logo gh-outer"> <div class="gh-navigation-inner gh-inner"> <div class="gh-navigation-brand"> <a class="gh-navigation-logo is-title" href="https://careers.ghost.io"> <img src="https://careers.ghost.io/content/images/2023/10/ghost-orb-pink-transparent-01.png" alt="Ghost Careers"> </a> <button class="gh-search gh-icon-button" aria-label="Search this site" data-ghost-search> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <button class="gh-burger gh-icon-button" aria-label="Menu"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg> </button> </div> <nav class="gh-navigation-menu"> <ul class="nav"> <li class="nav-home"><a href="https://careers.ghost.org/">Home</a></li> </ul> </nav> <div class="gh-navigation-actions"> <button class="gh-search gh-icon-button" aria-label="Search this site" data-ghost-search> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <div class="gh-navigation-members"> <a href="#/portal/signin" data-portal="signin">Sign in</a> <a class="gh-button" href="#/portal/signup" data-portal="signup">Subscribe</a> </div> </div> </div> </header> <section class="gh-header is-classic has-image gh-outer"> <img class="gh-header-image" src="https://images.unsplash.com/photo-1454789548928-9efd52dc4031?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHNwYWNlfGVufDB8fHx8MTY5NzcyOTE5Nnww&ixlib=rb-4.0.3&q=80&w=2000" alt="Ghost Careers"> <div class="gh-header-inner gh-inner"> <h1 class="gh-header-title is-title">Ghost careers newsletter</h1> <form class="gh-form" data-members-form> <input class="gh-form-input" id="header-email" name="email" type="email" placeholder="jamie@example.com" required data-members-email> <button class="gh-button" type="submit" aria-label="Subscribe"> <span><span>Subscribe</span> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></span> <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"> <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper"> <g class="nc-loop-dots-4-24-icon-o"> <circle cx="4" cy="12" r="3"></circle> <circle cx="12" cy="12" r="3"></circle> <circle cx="20" cy="12" r="3"></circle> </g> <style data-cap="butt"> .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s} .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite} .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)} .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)} .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px} @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}} </style> </g> </svg> <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"> <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/> <style> .checkmark { width: 40px; height: 40px; display: block; stroke-width: 2.5; stroke: currentColor; stroke-miterlimit: 10; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } </style> </svg> </button> <p data-members-error></p> </form> </div> </section> <section class="gh-container is-list no-image gh-outer"> <div class="gh-container-inner gh-inner"> <h2 class="gh-container-title"> Latest </h2> <main class="gh-main"> <div class="gh-feed"> </div> </main> </div> </section> <footer class="gh-footer gh-outer"> <div class="gh-footer-inner gh-inner"> <div class="gh-footer-bar"> <span class="gh-footer-logo is-title"> <img src="https://careers.ghost.io/content/images/2023/10/ghost-orb-pink-transparent-01.png" alt="Ghost Careers"> </span> <nav class="gh-footer-menu"> <ul class="nav"> <li class="nav-sign-up nav-current"><a href="#/portal/">Sign up</a></li> </ul> </nav> <div class="gh-footer-copyright"> Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a> </div> </div> <section class="gh-footer-signup"> <h2 class="gh-footer-signup-header is-title"> Ghost Careers </h2> <p class="gh-footer-signup-subhead is-body"> Ghost careers newsletter </p> <form class="gh-form" data-members-form> <input class="gh-form-input" id="footer-email" name="email" type="email" placeholder="jamie@example.com" required data-members-email> <button class="gh-button" type="submit" aria-label="Subscribe"> <span><span>Subscribe</span> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></span> <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24"> <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper"> <g class="nc-loop-dots-4-24-icon-o"> <circle cx="4" cy="12" r="3"></circle> <circle cx="12" cy="12" r="3"></circle> <circle cx="20" cy="12" r="3"></circle> </g> <style data-cap="butt"> .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s} .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite} .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)} .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)} .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px} @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}} </style> </g> </svg> <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"> <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/> <style> .checkmark { width: 40px; height: 40px; display: block; stroke-width: 2.5; stroke: currentColor; stroke-miterlimit: 10; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } </style> </svg> </button> <p data-members-error></p> </form> </section> </div> </footer> </div> <script src="/assets/built/source.js?v=ae222f0200"></script> <script> document.getElementsByClassName("gh-footer")[0].remove(); document.getElementsByClassName("gh-container")[0].remove(); document.getElementsByClassName("gh-header")[0].style.paddingBlock = "20vmax"; </script> </body> </html>