Sid Lee | LA, NY, PAR, TO, MTL, SEA, LDN

<!DOCTYPE html> <html lang="en"> <head> <link href="https://cdn-web.sidlee.com" rel="preconnect" crossorigin> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <title>Sid Lee | LA, NY, PAR, TO, MTL, SEA, LDN</title> <meta name="description" content=" Sid Lee is a multidisciplinary global creative agency of brand builders recognized for designing culture-driven communications and experiences." /> <link rel="canonical" href="https://sidlee.com/en/" /> <link rel="alternate" href="https://sidlee.com/fr/" hreflang="fr" /> <link rel="apple-touch-icon" href="https://cdn.sidlee.com/assets/img/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://cdn.sidlee.com/assets/img/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://cdn.sidlee.com/assets/img/favicons/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.sidlee.com/assets/img/favicons/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://cdn.sidlee.com/assets/img/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.sidlee.com/assets/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.sidlee.com/assets/img/favicons/favicon-16x16.png"> <link rel="manifest" href="/assets/img/favicons/manifest.json"> <link rel="mask-icon" href="https://cdn.sidlee.com/assets/img/favicons/safari-pinned-tab.svg" color="#ff4612"> <link rel="shortcut icon" href="https://cdn.sidlee.com/assets/img/favicons/favicon.ico"> <meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml"> <meta name="theme-color" content="#000"> <meta property="og:type" content="website" /> <meta property="og:url" content="https://sidlee.com/en/" /> <meta property="og:title" content="Sid Lee | LA, NY, PAR, TO, MTL, SEA, LDN" /> <meta property="og:description" content=" Sid Lee is a multidisciplinary global creative agency of brand builders recognized for designing culture-driven communications and experiences." /> <meta property="og:image" content="https://cdn.sidlee.com/-/media/sidlee/home-landing/sidlee-share.jpg?mh=630&mw=1200&hash=341261127C729D3B68E64307D0C12FD4" /> <meta property="og:video" content="https://cdn.sidlee.com/-/media/sidlee/home-landing/reels-2020/sidlee_newyear_reel_2018_eng_1.mp4?mw=1420&hash=C219FFF9D455F28D501F77AEE16FB21C" /> <meta property="og:video:secure_url" content="https://cdn.sidlee.com/-/media/sidlee/home-landing/reels-2020/sidlee_newyear_reel_2018_eng_1.mp4?mw=1420&hash=C219FFF9D455F28D501F77AEE16FB21C" /> <meta property="og:video:width" content="1420" /> <meta property="og:video:height" content="798" /> <meta name="twitter:site" content="@SidLee" /> <meta name="twitter:card" content="summary" /> <meta property="fb:app_id" content="203384865593" /> <script> window.fbAsyncInit = function () { FB.init({ appId: '203384865593', autoLogAppEvents: true, xfbml: true, version: 'v2.10' }); FB.AppEvents.logPageView(); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; var fbUrl = "//connect.facebook.net/" + "en" + "_CA/sdk.js"; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = fbUrl fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NPP8XR'); </script>   <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-946052-6', 'auto'); ga('send', 'pageview'); </script>  <link rel="stylesheet" rel="preload" href="https://cdn.sidlee.com/assets/css/main.css?v=-29541" as="style" /> </head> <body class="is-initializing ">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NPP8XR" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div id="app"> <the-page data-page="Home"> <toggle-on-scroll :anim="'fade-out'" class="site-loader"></toggle-on-scroll> <div class="main-header__banner" style="display: none; " data-module="Cookies" data-cookie-key="sidlee_cookies" data-cookie-value="true" data-cookie-duration-days="30"> <div class="main-header__banner__wrapper"> <div class="main-header__banner__cell"> <div class="main-header__description">We want to offer content that truly matters to you. By browsing this site, you accept the general terms of use and the use of cookies. <a href="/en/legal/privacy-policy">Learn more</a></div> </div> <div class="main-header__banner__cell"> <button class="btn btn-framed js-register-cookie">Accept</button> </div> </div> </div><aside> <a class="skip button" href="#main"> <span class="button__background"></span> <span class="button__text"> Skip to main content </span> </a> </aside> <site-header inline-template> <header :class="computedClasses" class="site-header"> <div class="site-header__bar-background"></div> <toggle-on-scroll :anim="'fade-translate-inverted'" class="site-header__bar" > <button v-if="this.$store.state.showcase.swiper !== null" @click="rewindShowcase" aria-label="sidlee" class="site-header__logo"> <h1 class="sr-only">sidlee</h1> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 475 140" fill="currentColor"> <g> <path d="M41.76,82.76l-9.52-1.9c-7.09-1.38-10.69-4.54-10.69-9.39c0-5.12,5.34-8.99,12.42-8.99c6.73,0,11.87,3.5,12.37,8.25 l18.81-7.33C60.31,51.74,48.3,43.91,33.97,43.91c-8.03,0-16.04,2.58-21.97,7.09C7.28,54.58,1.65,61.05,1.65,71.46 c0,13.67,9.62,23.91,26.39,28.1c2.64,0.6666,6.12,1.5,9.58,2.11c7.48,1.31,10.67,3.94,10.67,8.81c0,4.95-4.13,9.94-13.37,9.94 c-7.75,0-14.14-4.87-16.4-11.99L0,115.66C5.09,130.16,18.12,139,34.92,139c18.34,0,33.27-12.79,33.27-28.51 C68.19,96.32,58.81,86.47,41.76,82.76z" /> </g> <g> <rect x="82.03" y="44.44" width="21.15" height="92.23" /> <path d="M92.61,2.16c-6.33,0-11.48,5.15-11.48,11.48v0.12c0,6.33,5.15,11.48,11.48,11.48c6.33,0,11.48-5.15,11.48-11.48v-0.12 C104.09,7.31,98.94,2.16,92.61,2.16z" /> </g> <g> <path d="M193.28,52.06c-7.7-5.13-17.05-8.1-27.24-8.1c-27,0-48.15,20.87-48.15,47.51c0,26.64,21.15,47.51,48.15,47.51 c10.19,0,19.54-2.97,27.24-8.1h0.04l4.11,5.8h17V0h-21.15V52.06z M166.04,118.55c-15.4,0-27-11.64-27-27.08 c0-15.44,11.61-27.08,27-27.08s27.01,11.64,27.01,27.08C193.05,106.9,181.44,118.55,166.04,118.55z" /> </g> <g> <polygon points="268.97,0 237.86,0 237.86,4.99 250.81,5.53 250.81,130.79 237.86,131.33 237.86,136.67 283.56,136.67 283.56,131.33 268.97,130.79" /> </g> <g> <path d="M369.56,101.59c-5.73,23.52-22.87,26.8-29.89,26.8c-10.09,0-18.66-4.48-24.78-12.96c-5.85-8.1-8.7-21.61-8.7-34.22h65.46 c-2.01-12.55-8.01-21.96-16.7-28.71c-7.02-5.45-15.69-8.58-23.78-8.58c-12.16,0-23.42,4.7-31.71,13.25 c-8.61,8.87-13.35,20.26-13.35,34.12c0,14.27,4.59,26.39,13.29,35.03c8.26,8.22,19.93,12.74,32.85,12.74 c21.44,0,36.2-12.81,41.02-36.31L369.56,101.59z M350.18,75.95h-43.51c3.09-16.99,13.04-27.54,24.85-27.54 C345.62,48.41,350.18,63.82,350.18,75.95z" /> </g> <g> <path d="M470.57,101.59c-5.73,23.52-22.87,26.8-29.89,26.8c-10.09,0-18.66-4.48-24.78-12.96c-5.85-8.1-8.7-21.61-8.7-34.22h65.46 c-2.01-12.55-8.01-21.96-16.7-28.71c-7.02-5.45-15.69-8.58-23.78-8.58c-12.16,0-23.42,4.7-31.71,13.25 c-8.61,8.87-13.35,20.26-13.35,34.12c0,14.27,4.59,26.39,13.29,35.03c8.26,8.22,19.93,12.74,32.85,12.74 c21.44,0,36.2-12.81,41.02-36.31L470.57,101.59z M451.19,75.95h-43.51c3.09-16.99,13.04-27.54,24.85-27.54 C446.63,48.41,451.19,63.82,451.19,75.95z" /> </g> </svg> </button> <a v-else href="/en/" class="site-header__logo "> <h1 class="sr-only">sidlee</h1> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 475 140" fill="currentColor"> <g> <path d="M41.76,82.76l-9.52-1.9c-7.09-1.38-10.69-4.54-10.69-9.39c0-5.12,5.34-8.99,12.42-8.99c6.73,0,11.87,3.5,12.37,8.25 l18.81-7.33C60.31,51.74,48.3,43.91,33.97,43.91c-8.03,0-16.04,2.58-21.97,7.09C7.28,54.58,1.65,61.05,1.65,71.46 c0,13.67,9.62,23.91,26.39,28.1c2.64,0.6666,6.12,1.5,9.58,2.11c7.48,1.31,10.67,3.94,10.67,8.81c0,4.95-4.13,9.94-13.37,9.94 c-7.75,0-14.14-4.87-16.4-11.99L0,115.66C5.09,130.16,18.12,139,34.92,139c18.34,0,33.27-12.79,33.27-28.51 C68.19,96.32,58.81,86.47,41.76,82.76z" /> </g> <g> <rect x="82.03" y="44.44" width="21.15" height="92.23" /> <path d="M92.61,2.16c-6.33,0-11.48,5.15-11.48,11.48v0.12c0,6.33,5.15,11.48,11.48,11.48c6.33,0,11.48-5.15,11.48-11.48v-0.12 C104.09,7.31,98.94,2.16,92.61,2.16z" /> </g> <g> <path d="M193.28,52.06c-7.7-5.13-17.05-8.1-27.24-8.1c-27,0-48.15,20.87-48.15,47.51c0,26.64,21.15,47.51,48.15,47.51 c10.19,0,19.54-2.97,27.24-8.1h0.04l4.11,5.8h17V0h-21.15V52.06z M166.04,118.55c-15.4,0-27-11.64-27-27.08 c0-15.44,11.61-27.08,27-27.08s27.01,11.64,27.01,27.08C193.05,106.9,181.44,118.55,166.04,118.55z" /> </g> <g> <polygon points="268.97,0 237.86,0 237.86,4.99 250.81,5.53 250.81,130.79 237.86,131.33 237.86,136.67 283.56,136.67 283.56,131.33 268.97,130.79" /> </g> <g> <path d="M369.56,101.59c-5.73,23.52-22.87,26.8-29.89,26.8c-10.09,0-18.66-4.48-24.78-12.96c-5.85-8.1-8.7-21.61-8.7-34.22h65.46 c-2.01-12.55-8.01-21.96-16.7-28.71c-7.02-5.45-15.69-8.58-23.78-8.58c-12.16,0-23.42,4.7-31.71,13.25 c-8.61,8.87-13.35,20.26-13.35,34.12c0,14.27,4.59,26.39,13.29,35.03c8.26,8.22,19.93,12.74,32.85,12.74 c21.44,0,36.2-12.81,41.02-36.31L369.56,101.59z M350.18,75.95h-43.51c3.09-16.99,13.04-27.54,24.85-27.54 C345.62,48.41,350.18,63.82,350.18,75.95z" /> </g> <g> <path d="M470.57,101.59c-5.73,23.52-22.87,26.8-29.89,26.8c-10.09,0-18.66-4.48-24.78-12.96c-5.85-8.1-8.7-21.61-8.7-34.22h65.46 c-2.01-12.55-8.01-21.96-16.7-28.71c-7.02-5.45-15.69-8.58-23.78-8.58c-12.16,0-23.42,4.7-31.71,13.25 c-8.61,8.87-13.35,20.26-13.35,34.12c0,14.27,4.59,26.39,13.29,35.03c8.26,8.22,19.93,12.74,32.85,12.74 c21.44,0,36.2-12.81,41.02-36.31L470.57,101.59z M451.19,75.95h-43.51c3.09-16.99,13.04-27.54,24.85-27.54 C446.63,48.41,451.19,63.82,451.19,75.95z" /> </g> </svg> </a> <button @click="toggle" class="site-header__btn-toggle"> <span v-if="!opened"> Menu </span> <span v-else> Close </span> </button> </toggle-on-scroll> <div class="site-header__panel" > <div class="site-header__panel-inner"> <nav aria-label="Main Nav" class="site-header__nav"> <ul class="site-header__nav-list"> <li class="site-header__nav-list-item"> <a href="/en/work" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-list-link"> work </a> </li> <li class="site-header__nav-list-item"> <a href="/en/about" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-list-link"> about </a> </li> <li class="site-header__nav-list-item"> <a href="/en/stories" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-list-link"> stories </a> </li> <li class="site-header__nav-list-item"> <a href="/en/services" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-list-link"> services </a> </li> <li class="site-header__nav-list-item"> <a href="/en/careers" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-list-link"> careers </a> </li> <li class="site-header__nav-list-item"> <a href="/en/meet-us" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-list-link"> meet us </a> </li> </ul> <ul class="site-header__nav-list"> <li class="site-header__nav-extra-item"> <a href="/en/careers/job-listing" target="" :tabindex="opened ? 0 : -1" class="site-header__nav-extra-link"> Job openings </a> </li> </ul> </nav> <nav aria-label="Secondary Nav"> <ul class="site-header__socials"> <li class="site-header__socials-item"> <a href="https://www.instagram.com/sidlee_official/?hl=fr" target="" class="site-header__socials-icon" aria-label="Instagram" :tabindex="opened ? 0 : -1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" /> </svg> </a> </li> <li class="site-header__socials-item"> <a href="https://ca.linkedin.com/company/sid-lee" target="_blank" class="site-header__socials-icon" aria-label="LinkedIn" :tabindex="opened ? 0 : -1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="currentColor"> <path d="M4.091,18.28H.3V6.076h3.79ZM2.195,4.411A2.205,2.205,0,1,1,4.389,2.2,2.213,2.213,0,0,1,2.195,4.411ZM18.275,18.28H14.493V12.339c0-1.416-.029-3.232-1.97-3.232-1.97,0-2.272,1.538-2.272,3.13V18.28H6.465V6.076H10.1V7.741h.053A3.982,3.982,0,0,1,13.738,5.77c3.835,0,4.54,2.526,4.54,5.806v6.7Z" transform="translate(0 0)" /> </svg> </a> </li> <li class="site-header__socials-item"> <a href="https://www.behance.net/sidlee" target="" class="site-header__socials-icon" aria-label="behance" :tabindex="opened ? 0 : -1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.66 35.26" fill="currentColor"><path d="M46.54 6.14H31.92V1.97h14.62v4.17Zm3.6 20.88c-.92 2.71-4.24 6.27-10.65 6.27s-11.62-3.61-11.62-11.85S32.73 9.08 39.29 9.08s10.37 3.72 11.23 9.24c.16 1.06.23 2.48.2 4.47H33.96c.27 6.71 7.27 6.92 9.58 4.24h6.62Zm-16.05-8.35h10.37c-.22-3.23-2.37-4.63-5.17-4.63-3.06 0-4.76 1.6-5.2 4.63ZM14.1 33.26H.59V2.01h14.52c11.44.17 11.65 11.37 5.68 14.42 7.23 2.63 7.47 16.83-6.7 16.83ZM6.86 14.5h7.48c5.24 0 6.07-6.27-.65-6.27H6.86v6.27Zm7.08 6.27H6.86v6.3h6.98c6.38 0 5.99-6.3.1-6.3Z"/></svg> </a> </li> <li class="site-header__socials-item"> <a href="http://facebook.com/meetsidlee" target="_blank" class="site-header__socials-icon" aria-label="Facebook" :tabindex="opened ? 0 : -1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.12 35.26" fill="currentColor"><path d="M13.87 12.05H9.68v5.58h4.19v16.74h6.98V17.63h5.08l.5-5.58h-5.58V9.72c0-1.33.27-1.86 1.56-1.86h4.03V.89h-5.31c-5.02 0-7.24 2.21-7.24 6.44v4.72Z"/></svg> </a> </li> <li class="site-header__socials-item"> <a href="https://open.spotify.com/user/o1xb37sidic1du1coulg1v16b?si=a9bb0d89eb564f32" target="" class="site-header__socials-icon" aria-label="spotify" :tabindex="opened ? 0 : -1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.12 35.26" fill="currentColor"><path class="b" d="M27.96 15.73c-5.4-3.2-14.3-3.5-19.45-1.94-.83.25-1.7-.22-1.95-1.04-.25-.83.21-1.7 1.04-1.95 5.91-1.8 15.75-1.45 21.96 2.24.74.44.99 1.4.55 2.15s-1.4.99-2.15.55Zm-.18 4.75c-.38.61-1.18.81-1.8.43-4.5-2.77-11.36-3.57-16.68-1.95a1.307 1.307 0 0 1-.76-2.5c6.08-1.84 13.64-.95 18.81 2.23.61.38.81 1.18.43 1.79Zm-2.05 4.56c-.3.49-.94.65-1.43.35-3.93-2.4-8.88-2.95-14.71-1.61a1.042 1.042 0 0 1-.47-2.03c6.38-1.46 11.85-.83 16.26 1.87.49.3.65.94.35 1.43ZM18.06.89C8.81.89 1.32 8.38 1.32 17.63s7.5 16.74 16.74 16.74 16.74-7.5 16.74-16.74S27.31.89 18.06.89Z"/></svg> </a> </li> <li class="site-header__socials-item"> <a href="http://twitter.com/sidlee" target="_blank" class="site-header__socials-icon" aria-label="Twitter" :tabindex="opened ? 0 : -1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" /> </svg> </a> </li> <li class="site-header__socials-item"> <a :tabindex="opened ? 0 : -1" href="/fr/" class="site-header__socials-lang" onclick="return SwitchToLanguage('fr', 'en', '/fr/')"> fr </a> </li> </ul> <ul class="site-header__offices"> <li class="site-header__offices-item"> <a href="/en/cities/montreal" target="" title="Mtl" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > Mtl </a> </li> <li class="site-header__offices-item"> <a href="/en/cities/toronto" target="" title="To" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > To </a> </li> <li class="site-header__offices-item"> <a href="/en/cities/paris" target="" title="Paris" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > Paris </a> </li> <li class="site-header__offices-item"> <a href="/en/cities/usa" target="" title="LA" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > LA </a> </li> <li class="site-header__offices-item"> <a href="/en/cities/usa" target="" title="NY" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > NY </a> </li> <li class="site-header__offices-item"> <a href="/en/cities/usa" target="" title="Sea" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > Sea </a> </li> <li class="site-header__offices-item"> <a href="/en/cities/london" target="" title="Ldn" class="site-header__offices-link" :tabindex="opened ? 0 : -1" > Ldn </a> </li> </ul> <ul class="site-header__quicklinks"> <li class="site-header__quicklinks-item"> <a href="https://store.sidlee.com/" target="_blank" title="sid store" class="site-header__quicklinks-link" :tabindex="opened ? 0 : -1" rel="noopener" > sid store </a> </li> <li class="site-header__quicklinks-item"> <a href="https://sidleearchitecture.com/en/" target="" title="sidleearchitecture" class="site-header__quicklinks-link" :tabindex="opened ? 0 : -1" > sidleearchitecture </a> </li> <li class="site-header__quicklinks-item"> <a href="http://kyu.com" target="_blank" title="kyu" class="site-header__quicklinks-link" :tabindex="opened ? 0 : -1" rel="noopener" > kyu </a> </li> <li class="site-header__quicklinks-item"> <a href="https://sidlee.com/en/legal/privacy-policy#:~:text=Sid%20Lee%20never%20gives%20away,that%20information%20to%20third%20parties." target="_blank" title="privacy policy" class="site-header__quicklinks-link" :tabindex="opened ? 0 : -1" rel="noopener" > privacy policy </a> </li> </ul> </nav> </div> </div> </header> </site-header> <main id="main" class="main-content site-main"> <showcase inline-template> <div> <showcase-video inline-template> <div :class="{ 'ended': ended, 'hidden': hidden, 'loaded': loaded, }" class="showcase-video" > <div class="showcase-video__loader"> <div class="showcase-video__loader-logo"> <img src="/assets/img/loader.gif" alt="Loading" /> </div> </div> <div class="showcase-video__background"> <video loop="loop" muted="muted" playsinline="playsinline" class="showcase-video__background-video lazy" data-src="https://cdn.sidlee.com/-/media/sidlee/collections/intro-v11.mp4"> <source data-src="https://cdn.sidlee.com/-/media/sidlee/collections/intro-v11.mp4" type="video/mp4"> </video> </div> <div class="showcase-video__foreground" style = "--color: #FF440A;"> <video muted="muted" playsinline="playsinline" class="showcase-video__foreground-video lazy" data-src="https://cdn.sidlee.com/-/media/sidlee/collections/intro-v11.mp4"> <source data-src="https://cdn.sidlee.com/-/media/sidlee/collections/intro-v11.mp4" type="video/mp4"> </video> </div> <div class="showcase-video__controls"> <button @click="toggle" :tabindex="ended ? -1 : 1" class="showcase-video__toggle-link"> <span v-if="playing" class="showcase-video__toggle-link-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 16" fill="currentColor"> <path d="M-1740.714-4954v-16H-1737v16Zm-9.286,0v-16h3.714v16Z" transform="translate(1750 4970)" /> </svg> </span> <span v-else class="showcase-video__toggle-link-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 18" fill="currentColor"> <path d="M9,0l9,16H0Z" transform="translate(16) rotate(90)" /> </svg> </span> </button> <button @click="close" :tabindex="ended ? -1 : 1" class="showcase-video__skip-link"> Skip <span class="showcase-video__skip-link-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </button> </div> </div> </showcase-video> <div class="showcase swiper-container"> <showcase-intro inline-template> <div class="showcase-intro "> <div class="showcase-intro__text"> Sid says hello </div> <div class="showcase-intro__shape"> <div class="showcase-intro__shape-frame" style="--color: #FF440A;" > <div class="showcase-intro__shape-media"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/lastframe--intro--sidleecom.jpg?mw=1920&hash=17E11CAE231413C04538B2F455353A09" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/lastframe--intro--sidleecom.jpg?mw=1280&hash=86AD9276F8B8A81FC03B047F11B2C3ED" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/lastframe--intro--sidleecom.jpg?mw=800&hash=44B283C64F70B4284DFA35D922621F35" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/lastframe--intro--sidleecom.jpg?mw=600&hash=7168EEDCF5F39ED466C42D8BCBFCB6EA" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </div> </div> <div class="showcase-intro__nav"> <div class="showcase-intro__title"> Discover our work </div> <ul class="showcase-intro__items"> <li class="showcase-intro__item" style="transition-delay: 100ms;"> <button @click="changeSlide(0)" class="showcase-intro__item-link"> <span class="showcase-intro__item-bg" style="--color: #FF440A;" > </span> <span class="showcase-intro__item-title"> ENGAGING STORYTELLING </span> <span class="showcase-intro__item-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </button> </li> <li class="showcase-intro__item" style="transition-delay: 200ms;"> <button @click="changeSlide(1)" class="showcase-intro__item-link"> <span class="showcase-intro__item-bg" style="--color: #E0F500;" > </span> <span class="showcase-intro__item-title"> The New Rules of Desire </span> <span class="showcase-intro__item-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </button> </li> <li class="showcase-intro__item" style="transition-delay: 300ms;"> <button @click="changeSlide(2)" class="showcase-intro__item-link"> <span class="showcase-intro__item-bg" style="--color: #008D46;" > </span> <span class="showcase-intro__item-title"> Portraits of our people </span> <span class="showcase-intro__item-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </button> </li> <li class="showcase-intro__item" style="transition-delay: 400ms;"> <button @click="changeSlide(3)" class="showcase-intro__item-link"> <span class="showcase-intro__item-bg" style="--color: #FD76DB;" > </span> <span class="showcase-intro__item-title"> Let's take a trip </span> <span class="showcase-intro__item-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </button> </li> <li class="showcase-intro__item" style="transition-delay: 500ms;"> <button @click="changeSlide(4)" class="showcase-intro__item-link"> <span class="showcase-intro__item-bg" style="--color: #068CD1;" > </span> <span class="showcase-intro__item-title"> Shop the sid store </span> <span class="showcase-intro__item-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </button> </li> </ul> </div> </div> </showcase-intro> <div class="showcase__wrapper swiper-wrapper"> <showcase-slide :veil="false" class="showcase__slide--intro-spacer"></showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="" data-cover=""> <showcase-cover inline-template> <div class="showcase-cover" style="background-color: #FF440A" > <div class="showcase-cover__inner"> <div class="showcase-cover__surtitle"> Collection N°1 </div> <toggle-on-scroll :anim="'fade-translate-x'"> <h2 class="showcase-cover__title"> ENGAGING STORYTELLING </h2> </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1" class="showcase-cover__description"> Stories are the most powerful way to shape our lives and work. Here are some of our projects that have had a positive impact. </toggle-on-scroll> </div> <div :style="{'clip-path': `inset(0 ${progress}% 0 0)`,}" class="showcase-cover__bleed" style="background-color: #FF440A" > </div> </div> </showcase-cover> </showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="CheekboneBeauty"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="" href="/en/stories/2021/11/cheekbone-right-the-story" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FF440A;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <img data-src="https://cdn.sidlee.com/-/media/sidlee/news/cheekbone-2021-right-the-story.gif?mw=600&hash=F46BD224E91B0D89783A73928E07BC5D" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> For Cheekbone beauty </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2021/11/cheekbone-right-the-story" target="" class="showcase-publication__title-link" > Helping right the story </a> </h3> <div class="showcase-publication__description"> The Anishinaabe worldview dictates that we are not separate from the earth. Beauty brand Cheekbone extends those cultural teachings into their business and set out to reclaim the ways Indigenous peoples are represented. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="ForTomorrow"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="" href="/en/stories/2020/10/making-a-difference-for-tomorrow" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FF440A;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/fortomorrow_new-10.png?mw=1920&hash=66D3FF194EF1850D557490C690BB7EC6" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/fortomorrow_new-10.png?mw=1280&hash=675EB0EA0FC556340C98E5B1180BBFD1" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/fortomorrow_new-10.png?mw=800&hash=DCAC07F9A8E2A14E9B87EF20450D3E3B" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/fortomorrow_new-10.png?mw=600&hash=7CFEE51E172E821B81156BA08C6AEE63" alt="fortomorrow" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> For Hyundai & United Nations Development Programme </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2020/10/making-a-difference-for-tomorrow" target="" class="showcase-publication__title-link" > Working for a better tomorrow </a> </h3> <div class="showcase-publication__description"> A global partnership between Sid Lee, Hyundai, and the United Nations Development Programme, For Tomorrow elevates community-based innovation and sustainability solutions. See how. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="FastCompany"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--square"> <a aria-label="" href="/en/stories/2021/05/worldchangingideas-2021" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FF440A;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/fast-company-wci.jpg?mw=1280&hash=DA2CE3DD9526037B166FAD1551044558" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/fast-company-wci.jpg?mw=800&hash=9202DB27E2B8DEBB9B5B6EDF2AA1045D" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/fast-company-wci.jpg?mw=600&hash=42A880A5F9CAA2C23BC3EE04DDF14FCC" alt="fastcompany" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By FAST COMPANY WCI </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2021/05/worldchangingideas-2021" target="" class="showcase-publication__title-link" > Standing out at the World Changing Ideas Awards </a> </h3> <div class="showcase-publication__description"> We’re honoured to be recognized for a second year in a row at Fast Company’s 2021 World Changing Ideas Awards for our work on <a href="http://https://sidlee.com/en/stories/2020/10/build-the-vote">Build the Vote</a> and <a href="http://https://sidlee.com/en/stories/2020/10/making-a-difference-for-tomorrow">For Tomorrow</a>. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="MapleLeaf"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--square"> <a aria-label="" href="/en/stories/2021/04/maple-leaf-foods-climate-change-crayons" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FF440A;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/mlf_ocean-09.png?mw=1920&hash=5CDBA1413CEEEE9C35A58E7D4D4053CD" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/mlf_ocean-09.png?mw=1280&hash=242F6C37E5195B2892E16C231CF7909B" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/mlf_ocean-09.png?mw=800&hash=3D97C13F2E757D48AC65218BE3D1175E" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/mlf_ocean-09.png?mw=600&hash=076EEE2E401E5DF41FBB976FC599D405" alt="maple leaf_ocean" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> For MAPLE LEAF FOODS </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2021/04/maple-leaf-foods-climate-change-crayons" target="" class="showcase-publication__title-link" > Flipping colour conventions for climate change </a> </h3> <div class="showcase-publication__description"> For Maple Leaf Foods, we launched six unconventional crayon colours as a way to educate families about the real cost of climate change in Canada. From Freshwater Brown to Forest Black, explore this carbon-zero initiative. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="ProtectOurWinter"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--portrait"> <a aria-label="" href="/en/work/protect-our-winters/fact-avalanche" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FF440A;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/go-fact-urself.png?mw=1920&hash=D3808F150208C1458FB61244199ED41F" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/go-fact-urself.png?mw=1280&hash=31C6D5C3C5353D5D6ACA5070EC1F5A5E" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/go-fact-urself.png?mw=800&hash=34393610B274632731318109130A49F6" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/go-fact-urself.png?mw=600&hash=E0B3B516A5FE2B5940323A31CC35D7F0" alt="go fact urself" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> For Protect Our Winters Canada </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/work/protect-our-winters/fact-avalanche" target="" class="showcase-publication__title-link" > Shutting down climate change deniers </a> </h3> <div class="showcase-publication__description"> We partnered with Protect Our Winters Canada, Canadian universities, and scientific experts to set the record straight—and bury climate change deniers in a Twitter fact avalanche. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Engaging storytelling" data-slug-item="SlideCTA"> <div class="showcase-cta"> <div class="showcase-cta__inner"> <div class="showcase-cta__shape" style="--color: #FF440A;" > <div class="showcase-cta__content"> <toggle-on-scroll :anim="'fade-translate-x'" class="showcase-cta__text"> See what else we鈥檙e working on </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1"> <a class="showcase-cta__button" href="/en/stories">Sid Stories</a> </toggle-on-scroll> </div> </div> </div> </div> </showcase-slide> <showcase-slide data-slug-cover="The New Rules of Desire" data-slug-item="" data-cover=""> <showcase-cover inline-template> <div class="showcase-cover" style="background-color: #E0F500" > <div class="showcase-cover__inner"> <div class="showcase-cover__surtitle"> Collection N°2 </div> <toggle-on-scroll :anim="'fade-translate-x'"> <h2 class="showcase-cover__title"> THE NEW RULES OF DESIRE </h2> </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1" class="showcase-cover__description"> <span id="docs-internal-guid-7d47a74d-7fff-c105-06ef-4adcea802c12">SKYN’s brazen and intimate work is rewriting the playbook on marketing sexuality. Here’s their latest and greatest. </span> </toggle-on-scroll> </div> <div :style="{'clip-path': `inset(0 ${progress}% 0 0)`,}" class="showcase-cover__bleed" style="background-color: #E0F500" > </div> </div> </showcase-cover> </showcase-slide> <showcase-slide data-slug-cover="The New Rules of Desire" data-slug-item="Thesexstory"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--square"> <a aria-label="" href="/en/stories/2023/05/highjack-censorship" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #E0F500;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/skyn.gif?mw=800&hash=E7A624A069754F5A15F12C82C78C8BEB" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/skyn.gif?mw=600&hash=8FB6443A7C7130D9D343C54EE88D2746" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By Sid Lee </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2023/05/highjack-censorship" target="" class="showcase-publication__title-link" > HIGHJACK CENSORSHIP </a> </h3> <div class="showcase-publication__description"> <span class="big">Using the allure of the unknown to take a stand against restrictive social media guidelines.</span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="The New Rules of Desire" data-slug-item="Settingthemood"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--portrait"> <a aria-label="" href="https://sidlee.com/en/stories/2021/02/skyn-a-true-depiction-of-sexuality" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #E0F500;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/setttingthemood-01.png?mw=1920&hash=B8B018B004B86F1D02F2F2C1423824FC" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/setttingthemood-01.png?mw=1280&hash=16966448FC5E2D00320820EC00EF294C" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/setttingthemood-01.png?mw=800&hash=568CFCF95C7AF7F63E278540CEB65CA5" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/setttingthemood-01.png?mw=600&hash=97F7A821B1B247D562290F8FE3BC0420" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <h3 class="showcase-publication__title"> <a Title="" href="https://sidlee.com/en/stories/2021/02/skyn-a-true-depiction-of-sexuality" target="" class="showcase-publication__title-link" > Setting the mood </a> </h3> <div class="showcase-publication__description"> <span id="docs-internal-guid-638e30fa-7fff-94d9-6118-7d248798f771" style="background-color: #ffffff;">Creative Directors Céline and Clément Mornet-Landa aren’t f*cking around with the values that foreground SKYN’s messaging. Here’s what they have to say. </span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="The New Rules of Desire" data-slug-item="PlacesofIntimacy"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="" href="https://sidlee.com/en/work/skyn/2018/places-of-intimacy" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #E0F500;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/places-of-intimacy.gif?mw=1280&hash=526A8FE9E9421665DAF46B8A5E6DF261" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/places-of-intimacy.gif?mw=800&hash=E4A119500F6BF6AA4B1BC021F60B8AEA" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/places-of-intimacy.gif?mw=600&hash=5BD887CA45CBDBB91460D3FCA074A17A" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By SID LEE </div> <h3 class="showcase-publication__title"> <a Title="" href="https://sidlee.com/en/work/skyn/2018/places-of-intimacy" target="" class="showcase-publication__title-link" > Places of Intimacy </a> </h3> <div class="showcase-publication__description"> <span id="docs-internal-guid-1d49088a-7fff-70c9-6ec1-bf0e308787af" style="background-color: rgb(255, 255, 255);">The collaboration with GQ Magazine that sent 30 couples to hotels all over the world with a simple鈥攁lbeit cheeky鈥攎ission.</span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="The New Rules of Desire" data-slug-item="INEXCUSABLEEXCUSESINADWEEK"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--portrait"> <a aria-label="" href="https://www.adweek.com/creativity/skyn-places-common-unsafe-sex-excuses-on-its-packs-to-mark-world-aids-day/" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #E0F500;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/sorry-02.png?mw=1920&hash=4C143EA1A4403587361EAF9B24FE7B67" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/sorry-02.png?mw=1280&hash=109952D892B9EAF30D8FFB5FDB5F1DE4" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/sorry-02.png?mw=800&hash=C11DD7634C73A031729759777C55BE87" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/april/skyn/sorry-02.png?mw=600&hash=5732D02485B73D2360B85C4F8660371C" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By ADWEEK </div> <h3 class="showcase-publication__title"> <a Title="" href="https://www.adweek.com/creativity/skyn-places-common-unsafe-sex-excuses-on-its-packs-to-mark-world-aids-day/" target="" class="showcase-publication__title-link" > INEXCUSABLE EXCUSES IN ADWEEK </a> </h3> <div class="showcase-publication__description"> <span id="docs-internal-guid-14aa6111-7fff-a850-67d2-ca62afecf14b" style="background-color: #ffffff;">For World Aids Day, SKYN brandished their condom packaging with phrases men use to avoid protection. </span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="The New Rules of Desire" data-slug-item="CTA"> <div class="showcase-cta"> <div class="showcase-cta__inner"> <div class="showcase-cta__shape" style="--color: #E0F500;" > <div class="showcase-cta__content"> <toggle-on-scroll :anim="'fade-translate-x'" class="showcase-cta__text"> Feeling frisky? </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1"> <a class="showcase-cta__button" href="https://skynfeel.com/collections/perfect-pairings">You know where to go.</a> </toggle-on-scroll> </div> </div> </div> </div> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="" data-cover=""> <showcase-cover inline-template> <div class="showcase-cover" style="background-color: #008D46" > <div class="showcase-cover__inner"> <div class="showcase-cover__surtitle"> Collection N°3 </div> <toggle-on-scroll :anim="'fade-translate-x'"> <h2 class="showcase-cover__title"> Portraits of our people </h2> </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1" class="showcase-cover__description"> Meet the originators, icons, collaborators and cultural pioneers that are carving out their own lanes in and around Sid Lee’s creative community. </toggle-on-scroll> </div> <div :style="{'clip-path': `inset(0 ${progress}% 0 0)`,}" class="showcase-cover__bleed" style="background-color: #008D46" > </div> </div> </showcase-cover> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="YANGSHI"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="" href="/en/stories/2022/12/making-her-mark" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #008D46;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/news/2022/12/mhm_yang.png?mw=1920&hash=D8D06170EE92F7B47A01D5CDAF3CFFA1" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/news/2022/12/mhm_yang.png?mw=1280&hash=05FB45BFB8464A2BB7DE7F71F91AD3F5" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/news/2022/12/mhm_yang.png?mw=800&hash=373706B6744135F0B135A1B524C410F6" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/news/2022/12/mhm_yang.png?mw=600&hash=063DE7B9AB330230CC66500A3FB2D8B9" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By Sid Lee </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2022/12/making-her-mark" target="" class="showcase-publication__title-link" > IDENTITY, SCIENCE, FASHION. </a> </h3> <div class="showcase-publication__description"> <span style="background-color: #ffffff; color: #1d1c1d;">The story of how Yang Shi became a quintessential creative.</span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="JennHarper"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--portrait"> <a aria-label="" href="/en/stories/2022/01/ask-a-client-jenn-harper" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #008D46;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/jennharper.png?mw=800&hash=44281CDB80B612D541C8B8BF8BA10FBD" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2022/april/jennharper.png?mw=600&hash=F476D4DAE3ED2435E1AA2DBBAE4F7232" alt="Jenn Harper" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By Sid Lee </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2022/01/ask-a-client-jenn-harper" target="" class="showcase-publication__title-link" > Jenn Harper on creating what matters </a> </h3> <div class="showcase-publication__description"> The essence of Cheekbone Beauty—and of Jenn Harper, the brand’s founder—is a commitment to true authenticity. We asked her honestly: what was it like, working with us? </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="krissicampbell"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="INTROVERTED, QUEER, BADASS" href="#" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #008D46;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/august/krissifinal.png?mw=1920&hash=457E0D1707942E3023E0E0C5960E5A33" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/august/krissifinal.png?mw=1280&hash=99709BE558E3E687311DA2BEB892D402" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2022/august/krissifinal.png?mw=800&hash=E10DC7A70CB0DDDB06E9F249755C7527" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2022/august/krissifinal.png?mw=600&hash=3153D06F43068BCE39DBD5DC1EB4CC05" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <h3 class="showcase-publication__title"> <a Title="INTROVERTED, QUEER, BADASS" href="#" class="showcase-publication__title-link" > INTROVERTED, QUEER, BADASS </a> </h3> <div class="showcase-publication__description"> <p>From managing iconic bands in Toronto to finding her voice in a new language, Krissi Campbell lights up whatever space she enters. Read her story in Clio’s Reinventions column <strong><a href="https://musebycl.io/reinventions/how-krissi-campbell-fell-siren-song-advertising">here</a></strong>.</p> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="3PMPierreKwenders"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--portrait"> <a aria-label="FROM KINSHASA WITH LOVE" href="/en/stories/2022/05/pierre-kwenders" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #008D46;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/news/2022/05/pierre-kwenders/pierre.png?mw=1280&hash=9A8E414FDCEF7EB8BB570FB7496979D4" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/news/2022/05/pierre-kwenders/pierre.png?mw=800&hash=C6A47D4C7230114869A867429F09CFED" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/news/2022/05/pierre-kwenders/pierre.png?mw=600&hash=B04478EA77B1A1B9CE20F53B9167FC30" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> BY SID LEE </div> <h3 class="showcase-publication__title"> <a Title="FROM KINSHASA WITH LOVE" href="/en/stories/2022/05/pierre-kwenders" class="showcase-publication__title-link" > FROM KINSHASA WITH LOVE </a> </h3> <div class="showcase-publication__description"> Our 3PM series welcomes local rising artists for a song and a snack. Our latest, Pierre Kwenders. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="SashaVelour"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--square"> <a aria-label="" href="/en/stories/2021/09/sasha-velour" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #008D46;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/sashacloseupblue.png?mw=1920&hash=B013DE0D5D4C75C46F65CA3DDC081C98" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/sashacloseupblue.png?mw=1280&hash=6A92F5DE43164229071AA3FA3AE08635" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/sashacloseupblue.png?mw=800&hash=9AADA14E477F2CF4EEC4985F337AF71F" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/sashacloseupblue.png?mw=600&hash=4E7261980DBA4F4A5D5DEB506BCB9E99" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By Sid Lee </div> <h3 class="showcase-publication__title"> <a Title="" href="/en/stories/2021/09/sasha-velour" target="" class="showcase-publication__title-link" > Sasha Velour鈥檚 art, and transgression </a> </h3> <div class="showcase-publication__description"> Drag legend Sasha Velour shares her behind-the-scenes perspective on her creative industry. Read some of the highlights from our magical voyage into all things Velour. </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="Portraits of our people" data-slug-item="CTA"> <div class="showcase-cta"> <div class="showcase-cta__inner"> <div class="showcase-cta__shape" style="--color: #008D46;" > <div class="showcase-cta__content"> <toggle-on-scroll :anim="'fade-translate-x'" class="showcase-cta__text"> Get to know us better </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1"> <a class="showcase-cta__button" href="/en/about">Meet Sid</a> </toggle-on-scroll> </div> </div> </div> </div> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="" data-cover=""> <showcase-cover inline-template> <div class="showcase-cover" style="background-color: #FD76DB" > <div class="showcase-cover__inner"> <div class="showcase-cover__surtitle"> Collection N°4 </div> <toggle-on-scroll :anim="'fade-translate-x'"> <h2 class="showcase-cover__title"> Let's take a trip </h2> </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1" class="showcase-cover__description"> <span class="big" data-highlight-color="#B5DCAF">From hotels and airlines to restaurant menus, strong design can elevate every step of the hospitality experience. Good thing it’s in our DNA. </span> </toggle-on-scroll> </div> <div :style="{'clip-path': `inset(0 ${progress}% 0 0)`,}" class="showcase-cover__bleed" style="background-color: #FD76DB" > </div> </div> </showcase-cover> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="Connectionwellnessandtech"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--portrait"> <a aria-label="Connection, wellness and tech" href="/en/stories/2023/02/3-solutions-pour-marquer-limaginaire-dans-lindustrie-de-lhotellerie-et-du-voyage" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FD76DB;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/spark_.gif?mw=600&hash=EE5E62ABFE9D9A36DE2D164725F277E4" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By SID LEE </div> <h3 class="showcase-publication__title"> <a Title="Connection, wellness and tech" href="/en/stories/2023/02/3-solutions-pour-marquer-limaginaire-dans-lindustrie-de-lhotellerie-et-du-voyage" class="showcase-publication__title-link" > Connection, wellness and tech </a> </h3> <div class="showcase-publication__description"> <span class="big">3 insights from industry experts on the benefits of designing with humans in mind. </span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="Eastmeetswest"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--"> <a aria-label="" href="https://sidleearchitecture.com/en/stories/2023/february/vogue-hotel-teaser" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FD76DB;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/enscape_2022-02-22-08-33-19.png?mw=1920&hash=C31B54EF7A00CFCE8E695E436C453EB7" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/enscape_2022-02-22-08-33-19.png?mw=1280&hash=A3D41F609BFB3BC14D1677411F199DE0" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/enscape_2022-02-22-08-33-19.png?mw=800&hash=000CD8E064AC1CBCC74F720DAA854E78" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/enscape_2022-02-22-08-33-19.png?mw=600&hash=CF2F29D662D864C064A0C80300FED85C" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> By Sid Lee Architecture </div> <h3 class="showcase-publication__title"> <a Title="" href="https://sidleearchitecture.com/en/stories/2023/february/vogue-hotel-teaser" target="" class="showcase-publication__title-link" > EAST Meets west </a> </h3> <div class="showcase-publication__description"> Take a peek at Vogue Hotel Montréal’s new common spaces by Sid Lee Architecture. This new addition to the Curio Collection by Hilton is set for a spring unveiling.<br /> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="Settingthemood"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="Setting the mood" href="#" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FD76DB;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/resto_menus.gif?mw=600&hash=EC325FD08F13852DE97C218BCAE14212" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <h3 class="showcase-publication__title"> <a Title="Setting the mood" href="#" class="showcase-publication__title-link" > Setting the mood </a> </h3> <div class="showcase-publication__description"> <span style="font-size: 15px; font-variant-ligatures: common-ligatures; font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif; color: #1d1c1d;">"Designing with a sense of purpose, ingenuity, and storytelling to craft work that shapes the people and places it touches."<br /> <br /> <span style="font-size: 12px; font-variant-ligatures: common-ligatures; font-family: Slack-Lato, Slack-Fractions, appleLogo, sans-serif; color: #1d1c1d;">- Marie-Elaine Benoit, Design Director<br /> </span></span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="Travelmovesus"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--square"> <a aria-label="" href="https://www.instagram.com/p/CjWNmseL-xk/?hl=en" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FD76DB;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/screen-shot-20230227-at-113738-am.png?mw=800&hash=D140F0ED21B3F5F921C8EA9BFD4D644E" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/screen-shot-20230227-at-113738-am.png?mw=600&hash=BF7C64C03455957AA9E15C6AA3C3D486" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> For Air Transat </div> <h3 class="showcase-publication__title"> <a Title="" href="https://www.instagram.com/p/CjWNmseL-xk/?hl=en" target="" class="showcase-publication__title-link" > Travel moves us </a> </h3> <div class="showcase-publication__description"> <span class="big" data-highlight-color="#B5DCAF">Life’s most rewarding experiences were the inspiration for Air Transat’s new brand platform and launch campaign.</span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="TheWHotelinForbes"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--"> <a aria-label="" href="https://www.forbes.com/sites/tiffanyleigh/2023/01/06/the-most-stylish-finds-at-the-new-w-toronto/?sh=33ca663a41ef" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #FD76DB;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'picture'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <picture class="media__picture"> <source media="(min-width: 1200px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/1.jpeg?mw=1920&hash=D2EAF110781F1F4E486AA2C1149C0C61" /> <source media="(min-width: 992px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/1.jpeg?mw=1280&hash=AE6620F0AE21D214CD2DDC8F8B84F305" /> <source media="(min-width: 576px)" data-srcset="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/1.jpeg?mw=800&hash=767EF6AAF9A351D1A9C48A9CB76C2825" /> <img data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/february/lets-take-a-trip/1.jpeg?mw=600&hash=3C52E27D22B1EA56E7816B9DA283C4C5" alt="" class="media__picture-image lazy " /> </picture> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> <div class="showcase-publication__client"> Capturing the zeitgeist of a city </div> <h3 class="showcase-publication__title"> <a Title="" href="https://www.forbes.com/sites/tiffanyleigh/2023/01/06/the-most-stylish-finds-at-the-new-w-toronto/?sh=33ca663a41ef" target="" class="showcase-publication__title-link" > The W Hotel in Forbes </a> </h3> <div class="showcase-publication__description"> <span class="big" data-highlight-color="#D8C3FF">“In opting for a more eclectic and local approach to luxury, this Marriott hotel sibling is poised to capture the zeitgeist of the city in all its multifaceted glory.”</span> </div> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-slug-cover="HospitalityandTravel" data-slug-item="CTA"> <div class="showcase-cta"> <div class="showcase-cta__inner"> <div class="showcase-cta__shape" style="--color: #FD76DB;" > <div class="showcase-cta__content"> <toggle-on-scroll :anim="'fade-translate-x'" class="showcase-cta__text"> It all starts here. </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1"> <a class="showcase-cta__button" href="https://sidlee.com/en/meet-us#contact-us">Let's talk business</a> </toggle-on-scroll> </div> </div> </div> </div> </showcase-slide> <showcase-slide data-slug-cover="shop the sid store" data-slug-item="" data-cover=""> <showcase-cover inline-template> <div class="showcase-cover" style="background-color: #068CD1" > <div class="showcase-cover__inner"> <div class="showcase-cover__surtitle"> Collection N°5 </div> <toggle-on-scroll :anim="'fade-translate-x'"> <h2 class="showcase-cover__title"> SHOP THE SID STORE </h2> </toggle-on-scroll> <toggle-on-scroll :anim="'fade-translate-x'" :delay="1" class="showcase-cover__description"> <a href="http://store.sidlee.com">Our inventory of collections. Pillar moments of our (un)tellable history, and new stuff we’ll drop whenever the mood, or genius, strikes.</a> </toggle-on-scroll> </div> <div :style="{'clip-path': `inset(0 ${progress}% 0 0)`,}" class="showcase-cover__bleed" style="background-color: #068CD1" > </div> </div> </showcase-cover> </showcase-slide> <showcase-slide data-slug-cover="shop the sid store" data-slug-item="SIDSTORE"> <showcase-publication inline-template> <div class="showcase-publication"> <div class="showcase-publication__inner"> <div class="showcase-publication__media showcase-publication__media--landscape"> <a aria-label="" href="https://store.sidlee.com/" target="" class="showcase-publication__media-link"> <div class="showcase-publication__media-bg" style="--color: #068CD1;" ></div> <div class="showcase-publication__media-item"> <media :autoplay="true" :lazy="true" :type="'video'" inline-template> <div :class="computedClasses" class="media media--cover media--lazy" > <video data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/january/sidstore/sidstore--100-agency-tested1.mp4" muted="muted" playsinline="playsinline" class="media__video lazy"> <source data-src="https://cdn.sidlee.com/-/media/sidlee/collections/2023/january/sidstore/sidstore--100-agency-tested1.mp4" type="video/mp4" /> </video> </div> </media> </div> </a> </div> <toggle-on-scroll class="showcase-publication__content" :anim="'fade-translate-x'"> </toggle-on-scroll> </div> </div> </showcase-publication> </showcase-slide> <showcase-slide data-hash="footer" class="showcase__slide--footer"> <showcase-footer inline-template> <div class="showcase-footer"> <footer class="site-footer"> <div class="site-footer__grid"> <div class="site-footer__left-col"> <div class="site-footer__ctas"> <div class="site-footer__ctas-item"> <div class="site-footer__ctas-text"> Do you like to colour outside the lines? </div> <a href="/en/careers/job-listing" target="" title="Job openings" class="site-footer__ctas-button" > <span class="site-footer__ctas-button-text"> <span class="base"> Job openings </span> <span class="hover"> Job openings </span> </span> <span class="site-footer__ctas-button-icon"> <span class="base"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.424 29.201" fill="currentColor"> <g transform="translate(32.717 -1.493) rotate(90)"> <path d="M29.987,13.894,16.094,0,2.2,13.894l1.178,1.178,11.88-11.89V32.217h1.671V3.181l11.88,11.89Z" /> </g> </svg> </span> <span class="hover"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.424 29.201" fill="currentColor"> <g transform="translate(32.717 -1.493) rotate(90)"> <path d="M29.987,13.894,16.094,0,2.2,13.894l1.178,1.178,11.88-11.89V32.217h1.671V3.181l11.88,11.89Z" /> </g> </svg> </span> </span> </a> </div> <div class="site-footer__ctas-item"> <div class="site-footer__ctas-text"> Interested in collaborating? </div> <a href="/en/meet-us" target="" title="Contact us" class="site-footer__ctas-button" > <span class="site-footer__ctas-button-text"> <span class="base"> Contact us </span> <span class="hover"> Contact us </span> </span> <span class="site-footer__ctas-button-icon"> <span class="base"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.424 29.201" fill="currentColor"> <g transform="translate(32.717 -1.493) rotate(90)"> <path d="M29.987,13.894,16.094,0,2.2,13.894l1.178,1.178,11.88-11.89V32.217h1.671V3.181l11.88,11.89Z" /> </g> </svg> </span> <span class="hover"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.424 29.201" fill="currentColor"> <g transform="translate(32.717 -1.493) rotate(90)"> <path d="M29.987,13.894,16.094,0,2.2,13.894l1.178,1.178,11.88-11.89V32.217h1.671V3.181l11.88,11.89Z" /> </g> </svg> </span> </span> </a> </div> </div> </div> <div class="site-footer__right-col"> <div class="site-footer__offices"> <div class="site-footer__offices-title"> Our borderless creative community in the world </div> <div class="site-footer__offices-grid"> <div class="site-footer__offices-item"> <a href="/en/cities/toronto" title="Toronto" class="site-footer__offices-item-title"> Toronto </a> <div class="site-footer__offices-item-text"> (248) 514-9516 </div> <a href="/en/cities/toronto" class="site-footer__offices-item-label"> Learn More </a> </div> <div class="site-footer__offices-item"> <a href="/en/cities/new-york" title="New York" class="site-footer__offices-item-title"> New York </a> <div class="site-footer__offices-item-text"> +1 917 309-5056 </div> <a href="/en/cities/new-york" class="site-footer__offices-item-label"> Learn More </a> </div> <div class="site-footer__offices-item"> <a href="/en/cities/montreal" title="Montreal" class="site-footer__offices-item-title"> Montreal </a> <div class="site-footer__offices-item-text"> (514) 282-2200 </div> <a href="/en/cities/montreal" class="site-footer__offices-item-label"> Learn More </a> </div> <div class="site-footer__offices-item"> <a href="/en/cities/usa" title="Seattle" class="site-footer__offices-item-title"> Seattle </a> <div class="site-footer__offices-item-text"> +1 206 467-5800 </div> <a href="/en/cities/usa" class="site-footer__offices-item-label"> Learn More </a> </div> <div class="site-footer__offices-item"> <a href="/en/cities/los-angeles" title="Los Angeles" class="site-footer__offices-item-title"> Los Angeles </a> <div class="site-footer__offices-item-text"> +1 917 309-5056 </div> <a href="/en/cities/los-angeles" class="site-footer__offices-item-label"> Learn More </a> </div> <div class="site-footer__offices-item"> <a href="/en/cities/london" title="London" class="site-footer__offices-item-title"> London </a> <div class="site-footer__offices-item-text"> </div> <a href="/en/cities/london" class="site-footer__offices-item-label"> Learn More </a> </div> <div class="site-footer__offices-item"> <a href="/en/cities/paris" title="Paris" class="site-footer__offices-item-title"> Paris </a> <div class="site-footer__offices-item-text"> </div> <a href="/en/cities/paris" class="site-footer__offices-item-label"> Learn More </a> </div> </div> </div> </div> </div> <div class="site-footer__footer"> <div class="site-footer__footer-inner"> <ul class="site-footer__socials"> <li class="site-footer__socials-item"> <a href="http://facebook.com/meetsidlee" target="_blank" class="site-footer__socials-icon" aria-label="facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" /> </svg> </a> </li> <li class="site-footer__socials-item"> <a href="https://www.linkedin.com/company/sid-lee/" target="" class="site-footer__socials-icon" aria-label="LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" fill="currentColor"> <path d="M4.091,18.28H.3V6.076h3.79ZM2.195,4.411A2.205,2.205,0,1,1,4.389,2.2,2.213,2.213,0,0,1,2.195,4.411ZM18.275,18.28H14.493V12.339c0-1.416-.029-3.232-1.97-3.232-1.97,0-2.272,1.538-2.272,3.13V18.28H6.465V6.076H10.1V7.741h.053A3.982,3.982,0,0,1,13.738,5.77c3.835,0,4.54,2.526,4.54,5.806v6.7Z" transform="translate(0 0)" /> </svg> </a> </li> <li class="site-footer__socials-item"> <a href="http://twitter.com/sidlee" target="_blank" class="site-footer__socials-icon" aria-label="twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" /> </svg> </a> </li> <li class="site-footer__socials-item"> <a href="https://www.instagram.com/sidlee_official/?hl=fr-ca" target="" class="site-footer__socials-icon" aria-label="instagram"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" /> </svg> </a> </li> </ul> <ul class="site-footer__quicklinks"> <li class="site-footer__quicklinks-item"> <a href="https://store.sidlee.com/" target="_blank" title="sid store" class="site-footer__quicklinks-link" rel="noopener" > sid store </a> </li> <li class="site-footer__quicklinks-item"> <a href="https://sidleearchitecture.com/en/" target="" title="sidleearchitecture" class="site-footer__quicklinks-link" > sidleearchitecture </a> </li> <li class="site-footer__quicklinks-item"> <a href="http://kyu.com" target="_blank" title="kyu" class="site-footer__quicklinks-link" rel="noopener" > kyu </a> </li> <li class="site-footer__quicklinks-item"> <a href="https://sidlee.com/en/legal/privacy-policy#:~:text=Sid%20Lee%20never%20gives%20away,that%20information%20to%20third%20parties." target="_blank" title="privacy policy" class="site-footer__quicklinks-link" rel="noopener" > privacy policy </a> </li> </ul> <ul class="site-footer__legallinks"> <li class="site-footer__legallinks-item"> <a href="/en/csr" target="" title="our CSR" class="site-footer__legallinks-link" > our CSR </a> </li> </ul> <div class="site-footer__copyright"> <p>© 1993-2025 Sid Lee</p> </div> </div> </div> </footer> </div> </showcase-footer> </showcase-slide> <showcase-slide class="showcase__slide--footer-spacer"></showcase-slide> </div> </div> <showcase-navigation inline-template> <div :class="computedClasses" class="showcase-navigation"> <toggle-on-scroll class="showcase-navigation__bar"> <div class="showcase-navigation__progress"> <div :style="{ width: `${progress}%`, }" class="showcase-navigation__progress-bar"></div> </div> <div v-if="!this.$store.state.mobile" :class="opened || activeAnchor !== 0 ? 'disabled' : ''" class="showcase-navigation__scroll"> <span class="showcase-navigation__scroll-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 13" fill="currentColor"> <polygon points="0 6.67 6.16 12.84 7.22 11.78 2.62 7.17 14.69 7.18 14.69 5.68 2.62 5.67 7.23 1.06 6.17 0 0 6.16 0.26 6.41 0 6.67" /> <polygon points="34.37 6.17 28.22 0 27.16 1.06 31.76 5.67 19.69 5.66 19.69 7.16 31.76 7.17 27.15 11.78 28.21 12.84 34.37 6.68 34.12 6.42 34.37 6.17" /> </svg> </span> <span class="showcase-navigation__scroll-text"> Scroll or drag to navigate </span> </div> <button @click="changeSlide(activeAnchor - 1)" :class="opened || activeAnchor - 1 < 0 ? 'disabled' : ''" :tabindex="opened || activeAnchor - 1 < 0 ? -1 : 0" aria-label="Previous collection" class="showcase-navigation__btn-previous"> <span class="showcase-navigation__btn-previous-icon"> <span class="base"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="0 6.67 6.16 12.84 7.22 11.78 2.62 7.17 14.69 7.18 14.69 5.68 2.62 5.67 7.23 1.06 6.17 0 0 6.16 0.26 6.41 0 6.67" /> </svg> </span> <span class="hover"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="0 6.67 6.16 12.84 7.22 11.78 2.62 7.17 14.69 7.18 14.69 5.68 2.62 5.67 7.23 1.06 6.17 0 0 6.16 0.26 6.41 0 6.67" /> </svg> </span> </span> <span class="showcase-navigation__btn-previous-text"> <span class="base"> Previous collection </span> <span class="hover"> Previous collection </span> </span> </button> <button @click="toggle" aria-label="Browse our collections" class="showcase-navigation__btn-toggle"> <span v-if ="!opened && activeAnchor === 0" class="showcase-navigation__btn-toggle-text"> <span class="base"> ENGAGING STORYTELLING </span> <span class="hover"> ENGAGING STORYTELLING </span> </span> <span v-else-if ="!opened && activeAnchor === 1" class="showcase-navigation__btn-toggle-text"> <span class="base"> The New Rules of Desire </span> <span class="hover"> The New Rules of Desire </span> </span> <span v-else-if ="!opened && activeAnchor === 2" class="showcase-navigation__btn-toggle-text"> <span class="base"> Portraits of our people </span> <span class="hover"> Portraits of our people </span> </span> <span v-else-if ="!opened && activeAnchor === 3" class="showcase-navigation__btn-toggle-text"> <span class="base"> Let's take a trip </span> <span class="hover"> Let's take a trip </span> </span> <span v-else-if ="!opened && activeAnchor === 4" class="showcase-navigation__btn-toggle-text"> <span class="base"> Shop the sid store </span> <span class="hover"> Shop the sid store </span> </span> <span v-else class="showcase-navigation__btn-toggle-text"> <span class="base"> Browse our collections </span> <span class="hover"> Browse our collections </span> </span> <span v-if="!opened" class="showcase-navigation__btn-toggle-icon"> <span class="base"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.84 14.69" fill="currentColor"> <polygon points="6.17 0 0 6.16 1.06 7.22 5.67 2.62 5.66 14.69 7.16 14.69 7.17 2.62 11.77 7.23 12.84 6.17 6.68 0 6.42 0.26 6.17 0" /> </svg> </span> <span class="hover"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.84 14.69" fill="currentColor"> <polygon points="6.17 0 0 6.16 1.06 7.22 5.67 2.62 5.66 14.69 7.16 14.69 7.17 2.62 11.77 7.23 12.84 6.17 6.68 0 6.42 0.26 6.17 0" /> </svg> </span> </span> <span v-else class="showcase-navigation__btn-toggle-icon"> <span class="base"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15" fill="currentColor"> <polygon points="6.67 14.69 12.84 8.53 11.78 7.47 7.17 12.07 7.18 0 5.68 0 5.67 12.07 1.06 7.46 0 8.52 6.16 14.69 6.41 14.43 6.67 14.69" /> </svg> </span> <span class="hover"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15" fill="currentColor"> <polygon points="6.67 14.69 12.84 8.53 11.78 7.47 7.17 12.07 7.18 0 5.68 0 5.67 12.07 1.06 7.46 0 8.52 6.16 14.69 6.41 14.43 6.67 14.69" /> </svg> </span> </span> </button> <button @click="changeSlide(activeAnchor + 1)" :class="opened || activeAnchor + 1 >= 5 ? 'disabled' : ''" :tabindex="opened || activeAnchor + 1 >= 5 ? -1 : 0" aria-label="Next collection" class="showcase-navigation__btn-next"> <span class="showcase-navigation__btn-next-text"> <span class="base"> Next collection </span> <span class="hover"> Next collection </span> </span> <span class="showcase-navigation__btn-next-icon"> <span class="base"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> <span class="hover"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 13" fill="currentColor"> <polygon points="14.69 6.16 8.53 0 7.46 1.06 12.07 5.67 0 5.67 0 7.17 12.07 7.17 7.46 11.78 8.53 12.84 14.69 6.67 14.43 6.42 14.69 6.16" /> </svg> </span> </span> </button> </toggle-on-scroll> <div class="showcase-navigation__panel" :style="{top: `${pageEditorOffset}px`,}"> <div class="showcase-navigation__panel-inner"> <ul class="showcase-navigation__list"> <li style="transition-delay: 0ms;" class="showcase-navigation__list-item"> <button :tabindex="opened ? 0 : -1" @click="changeSlide(0)" class="showcase-navigation-item" > <span class="showcase-navigation-item__bg" style="--color: #FF440A;" ></span> <span class="showcase-navigation-item__title"> ENGAGING STORYTELLING </span> </button> </li> <li style="transition-delay: 100ms;" class="showcase-navigation__list-item"> <button :tabindex="opened ? 0 : -1" @click="changeSlide(1)" class="showcase-navigation-item" > <span class="showcase-navigation-item__bg" style="--color: #E0F500;" ></span> <span class="showcase-navigation-item__title"> The New Rules of Desire </span> </button> </li> <li style="transition-delay: 200ms;" class="showcase-navigation__list-item"> <button :tabindex="opened ? 0 : -1" @click="changeSlide(2)" class="showcase-navigation-item" > <span class="showcase-navigation-item__bg" style="--color: #008D46;" ></span> <span class="showcase-navigation-item__title"> Portraits of our people </span> </button> </li> <li style="transition-delay: 300ms;" class="showcase-navigation__list-item"> <button :tabindex="opened ? 0 : -1" @click="changeSlide(3)" class="showcase-navigation-item" > <span class="showcase-navigation-item__bg" style="--color: #FD76DB;" ></span> <span class="showcase-navigation-item__title"> Let's take a trip </span> </button> </li> <li style="transition-delay: 400ms;" class="showcase-navigation__list-item"> <button :tabindex="opened ? 0 : -1" @click="changeSlide(4)" class="showcase-navigation-item" > <span class="showcase-navigation-item__bg" style="--color: #068CD1;" ></span> <span class="showcase-navigation-item__title"> Shop the sid store </span> </button> </li> </ul> </div> </div> </div> </showcase-navigation> </div> </showcase> </main> <span class="bg-color-switcher js-color-sensitive"></span> <span class="page-transition" style="background-color: #fff; color: #1a1a1a"> <ul class="project__content"> <li>Work</li> <li>Work</li> <li>Work</li> <li>Work</li> <li>Work</li> </ul> <ul class="stories__content"> <li>News</li> <li>News</li> <li>News</li> <li>News</li> <li>News</li> </ul> <ul class="bios__content"> <li>People</li> <li>People</li> <li>People</li> <li>People</li> <li>People</li> </ul> </span> </the-page> <div class="sideway is-hidden" data-module="Sideway"> <div class="sideway__inner"> <span class="sideway__text"></span> </div> </div> </div>  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script> window.jQuery || document.write('<script src="https://cdn.sidlee.com/assets/js/libs/jquery-3.2.1.min.js"><\/script>'); </script>  <script src="https://cdn.sidlee.com/assets/js/boot.js?v=-29541"></script> <script type="application/ld+json">{"address":[{"addressCountry":"Canada","addressLocality":"Montreal","addressRegion":"Quebec","postalCode":"H3B 3Y1","streetAddress":"12102-1 Place Ville Marie","contactType":"customer support","url":"https://sidlee.com/en/cities/architecture","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"United Kingdom","addressLocality":"London","postalCode":"EC1R 5EN","streetAddress":"Herbal House 8-10 Back Hill","contactType":"customer support","telephone":"+44 20 7713 2600","url":"https://sidlee.com/en/cities/zold_london","@context":"http://schema.org","@type":"PostalAddress"},{"addressLocality":"Paris","contactType":"customer support","url":"https://sidlee.com/en/cities/paris","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"United States","addressLocality":"Seattle","addressRegion":"Washington","postalCode":"98101","streetAddress":"1505, 5th Ave. #600","contactType":"customer support","telephone":"+1 206 467-5800","url":"https://sidlee.com/en/cities/seattle","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"United States","addressLocality":"Culver City","addressRegion":"California","postalCode":"90232","streetAddress":"3585 Hayden Ave.","contactType":"customer support","telephone":"+1 310 955-1073","url":"https://sidlee.com/en/cities/usa","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"United States","addressLocality":"Culver City","addressRegion":"California","postalCode":"90232","streetAddress":"9046 Lindblade Street","contactType":"customer support","telephone":"+1 917 309-5056","url":"https://sidlee.com/en/cities/los-angeles","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"Canada","addressLocality":"Montreal","addressRegion":"Quebec","postalCode":"H3B 3Y1","streetAddress":"12102-1 Place Ville Marie","contactType":"customer support","telephone":"(514) 282-2200","url":"https://sidlee.com/en/cities/montreal","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"USA","addressLocality":"New York","addressRegion":"NY","postalCode":"10014","streetAddress":"395 Hudson Street 8th floor","contactType":"customer support","telephone":"+1 917 309-5056","url":"https://sidlee.com/en/cities/new-york","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"United Kingdom","addressLocality":"London","addressRegion":"London","postalCode":"EC1R 5EN","streetAddress":"5th and 6th floor Herbal House","contactType":"customer support","url":"https://sidlee.com/en/cities/_oldparis","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"United Kingdom","addressLocality":"London","addressRegion":"London","postalCode":"EC1R 5EN","streetAddress":"5th and 6th floor Herbal House","contactType":"customer support","url":"https://sidlee.com/en/cities/london","@context":"http://schema.org","@type":"PostalAddress"},{"addressCountry":"Canada","addressLocality":"Toronto","addressRegion":"Ontario","postalCode":"M6J 1G8","streetAddress":"952 Queen St. W.","contactType":"customer support","telephone":"(248) 514-9516","url":"https://sidlee.com/en/cities/toronto","@context":"http://schema.org","@type":"PostalAddress"}],"logo":"https://cdn.sidlee.com/-/media/project/sidlee/sidleelogo.png","@id":"https://sidlee.com/en/#organization","name":"Sid Lee","sameAs":["https://www.instagram.com/sidlee_official/?hl=fr","https://ca.linkedin.com/company/sid-lee","https://www.behance.net/sidlee","http://facebook.com/meetsidlee","https://open.spotify.com/user/o1xb37sidic1du1coulg1v16b?si=a9bb0d89eb564f32","http://twitter.com/sidlee"],"url":"https://sidlee.com/en/","@context":"http://schema.org","@type":"Organization"}</script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2382902065071972'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=2382902065071972&ev=PageView &noscript=1"/> </noscript>  <script type="text/javascript">_linkedin_partner_id = "469220"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id);</script> <script type="text/javascript">(function () { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })();</script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=469220&fmt=gif" /> </noscript>  <script> (function() { window.ldfdr = window.ldfdr || {}; (function(d, s, ss, fs) { fs = d.getElementsByTagName(s)[0]; function ce(src) { var cs = d.createElement(s); cs.src = src; setTimeout(function() { fs.parentNode.insertBefore(cs, fs) }, 1); } ce(ss); })(document, 'script', 'https://lftracker.leadfeeder.com/lftracker_v1_OKM7ZEDkvMVd2zo4.js'); })(); </script>  </body> </html>

CINXE.COM

Sid Lee | LA, NY, PAR, TO, MTL, SEA, LDN