Blog | Haven Studios

<!doctype html> <html class="has-no-js is-loading" lang="en" data-template="article-list" data-theme="light" data-scroll-theme-main="dark" data-assets-version="1705004686335"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <base href="https://havenstudios.com/"> <title>Blog | Haven Studios</title> <meta name="description" content="We create havens for endless wonder."> <meta property="og:type" content="website"> <meta property="og:url" content="https://havenstudios.com/en/blog"> <meta property="og:site_name" content="Haven Studios"> <meta property="og:title" content="Blog"> <meta property="og:image" content="https://havenstudios.com/uploads/metadata/images/1_Bleep_3840x2160_Final_Haven.jpg"> <meta property="og:description" content="We create havens for endless wonder."> <meta property="twitter:title" content="Blog"> <meta property="twitter:description" content="We create havens for endless wonder.">  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="HandheldFriendly" content="true">  <meta name="theme-color" content="#ffffff"> <link rel="manifest" href="site.webmanifest"> <link rel="apple-touch-icon" sizes="180x180" href="https://havenstudios.com/assets/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://havenstudios.com/assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://havenstudios.com/assets/images/favicons/favicon-16x16.png"> <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#524a8a"> <meta name="msapplication-TileColor" content="#524a8a">  <link id="main-css" rel="preload" href="https://havenstudios.com/assets/styles/main.css?v=1705004686335" onload="this.onload=null;this.rel='stylesheet';this.setAttribute('data-is-loaded', true)" as="style" data-is-loaded="false">  <script src="https://assets.adobedtm.com/3dc13bcabc29/e83afa969d59/launch-4e9881c45ba4.min.js" async></script> </head> <body data-module-load>  <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 300; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 400; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 500; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: normal; font-weight: normal; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: italic; font-weight: normal; "> </div> <div class="c-logo-intro" data-module-logo> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-h"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-a"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-v"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-e"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-n"></use> </svg> </span> </div> <div class="c-loader"> <div class="c-loader_spinner || c-spinner"></div> </div> <div data-load-container>  <div data-module-adobe-analytics data-adobe-analytics-category="Blog" data-adobe-analytics-environment="prod" data-adobe-analytics-version="1705004686335"></div>  <div class="c-menu-modal || c-modal" data-module-menu-modal aria-label="menu Modal" tabindex="-1" aria-hidden="false"> <div class="c-menu-modal_container || c-modal_container"> <button class="c-menu-modal_close || c-modal_close || c-button" data-menu-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close menu modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross || u-hide-to-small" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> <svg aria-hidden="true" class="svg-cross-mobile || u-hide-from-small" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross-mobile"></use> </svg> </span> </button> <div class="c-modal_scrollable"> <div class="c-modal_inner || u-anim_ref" data-menu-modal="anim"> <div class="c-menu-modal_layout"> <div class="c-menu-modal_col"> <div class="c-menu-modal_content"> <div class="c-menu-modal_grid"> <div class="c-menu-modal_grid_logo || u-gc-1/2"> <a class="c-link -nav" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Haven Studios</span> <svg aria-hidden="true" class="svg-logo-min" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-min"></use> </svg> </a> <a class="c-menu-modal_logo || c-link -nav || u-hide-from-small" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Home</span> <svg aria-hidden="true" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo"></use> </svg> </a> </div> <div class="c-menu-modal_grid_description || u-gc-2/4"> <div class="c-menu-modal_description || c-wysiwyg -layout-small || u-hide-to-small"> <p>Haven is a creative space where ideas, passion, and fearless optimism thrive.</p> </div> <nav class="c-nav-socials"> <ul class="c-nav-socials_list"> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://twitter.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Twitter</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-twitter" focusable="false"> <use xlink:href="assets/images/sprite.svg#twitter"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://linkedin.com/company/haven-studios-inc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">LinkedIn</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-linkedin" focusable="false"> <use xlink:href="assets/images/sprite.svg#linkedin"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://instagram.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Instagram</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-instagram" focusable="false"> <use xlink:href="assets/images/sprite.svg#instagram"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="mailto:contact@havenstudios.com" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Email</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-mail" focusable="false"> <use xlink:href="assets/images/sprite.svg#mail"></use> </svg> </span> </a> </li> </ul> </nav> </div> <div class="c-menu-modal_grid_nav || u-gc-1/9 u-gc-5/9@from-small u-gc-6/9@from-large"> <nav class="c-nav" style="--item-count: 4;"> <ul class="c-nav_list" data-footer-nav="nav"> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en"> <span class="c-link_label">Home</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/culture"> <span class="c-link_label">Culture</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/careers"> <span class="c-link_label">Careers<sup>10</sup></span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/blog"> <span class="c-link_label">Blog</span> </a> </li> </ul> </nav> <a class="c-nav_langswitcher || c-button -access -light" data-cursor="hover" href="https://havenstudios.com/fr/blog" data-load="false"> <span class="c-button_label">FR</span> </a> </div> </div> <div class="c-menu-modal_logo || u-hide-to-small"> <div class="c-menu-modal_logo_inner"> <svg aria-hidden="true" class="svg-logo-wide" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-wide"></use> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close menu modal" data-menu-modal="close"></div> <div class="c-menu-modal_spinner || c-spinner"></div> </div> <div class="o-scroll" data-module-scroll="main">  <header class="c-header"> <h1 class="u-screen-reader-text">Blog</h1> <div class="c-header_inner"> <div class="c-header_top || o-container"> <a class="c-header_link || u-anim-intro -delay-1" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Haven Studios</span> <svg aria-hidden="true" focusable="false" class="svg-logo-min"> <use xlink:href="assets/images/sprite.svg#logo-min"></use> </svg> </a> <button class="c-burger || u-anim-intro -delay-3 || c-header_link" type="button" aria-label="Toggle menu" data-module-menu-toggler data-cursor="hover"> <span class="u-screen-reader-text">Menu</span> <span class="c-burger_open"> <span class="c-burger_line -top"></span> <span class="c-burger_line -bottom"></span> </span> </button> </div> </div> <div class="c-breadcrumb"> <p class="c-breadcrumb_inner"> <a class="c-breadcrumb_logo || c-header_link || u-anim-intro -delay-2 || js-logo" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Home</span> <svg aria-hidden="true" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo"></use> </svg> </a>  <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">/</span>  <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">Blog</span> </p> </div> </header>  <div class="c-hero-article || o-padding -padding-xlarge-bottom" data-scroll-section data-hovered data-scroll data-scroll-repeat data-scroll-call="toggleLightTheme, Scroll" data-scroll-offset="0, 10%" data-module-light-theme > <h2 class="u-screen-reader-text">Main article</h2> <div class="c-hero-article_cover || u-anim_ref" data-scroll> <figure class="c-figure"> <div class="c-figure_inner -parallax || o-lazy || u-anim -fade -delay-1" data-scroll data-scroll-speed="-1.4"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/2023/Fairgames_Web1-1440x800.png" alt="Introducing Fairgame$, a competitive heist experience coming to PS5 and PC" data-scroll data-scroll-call="lazyLoad, Scroll"> </div> </figure> </div> <div class="o-container"> <div class="c-hero-article_content || u-anim_ref" data-scroll> <div class="c-hero-article_infos || c-text -overline"> <p class="c-hero-article_infos_item || u-anim -delay-2"> May 31, 2023 </p> </div> <h3 class="c-hero-article_heading || c-heading -article || u-anim-text -line" data-module-split-text> Introducing Fairgame$, a competitive heist experience coming to PS5 and PC </h3> <ul class="c-hero-article_categories"> <li> <a class="c-hero-article_category || c-link || u-anim -delay-3" data-cursor="hover" href="en/tags/gaming"> <span class="c-link_label || c-text -overline">#gaming</span> </a> </li> <li> <a class="c-hero-article_category || c-link || u-anim -delay-3" data-cursor="hover" href="en/tags/fairgame"> <span class="c-link_label || c-text -overline">#fairgame$</span> </a> </li> </ul> </div> </div> <a class="c-hero-article_link" href="en/blog/introducing-fairgame-a-competitive-heist-experience-coming-to-ps5-and-pc" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> <section class="o-padding -padding-xxlarge-top" data-scroll-section> <div class="c-news"> <h2 class="u-screen-reader-text">Article list</h2> <div class="o-container"> <ul class="c-news_list || o-grid -col-8 -gutter-x -gutter-y-wide"> <li class="c-news_list_item || u-anim_ref" data-scroll> <article class="c-tile -news" data-hovered> <div class="c-tile_image || u-anim -fade"> <figure class="c-figure"> <div class="c-figure_inner || o-lazy"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/BlogPost_Kit_02-1440x800.jpg" alt="Women @ Haven" data-scroll data-scroll-call="lazyLoad, Scroll" > </div> </figure> </div> <div class="c-tile_content"> <div class="c-tile_infos || c-text -overline || u-color-white-100 u-color-opacity"> <p class="c-tile_infos_item || u-anim -delay-2"> March 27, 2024 </p> </div> <h3 class="c-tile_heading || c-heading -h6 || u-anim -delay-4"> Women @ Haven </h3> <a class="c-tile_category || c-link || u-color-opacity" data-cursor="hover" href="en/tags/culture"> <span class="c-link_label || c-text -overline || u-anim -delay-5">#culture</span> </a> <a class="c-tile_link" href="en/blog/women-haven" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> </article> </li> <li class="c-news_list_item || u-anim_ref" data-scroll> <article class="c-tile -news" data-hovered> <div class="c-tile_image || u-anim -fade"> <figure class="c-figure"> <div class="c-figure_inner || o-lazy"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/BlogPost_Kit_02-1440x800.jpg" alt="Adapting Stable Diffusion to Create RGBA Imagery" data-scroll data-scroll-call="lazyLoad, Scroll" > </div> </figure> </div> <div class="c-tile_content"> <div class="c-tile_infos || c-text -overline || u-color-white-100 u-color-opacity"> <p class="c-tile_infos_item || u-anim -delay-2"> December 07, 2023 </p> </div> <h3 class="c-tile_heading || c-heading -h6 || u-anim -delay-4"> Adapting Stable Diffusion to Create RGBA Imagery </h3> <a class="c-tile_category || c-link || u-color-opacity" data-cursor="hover" href="en/tags/machinelearning"> <span class="c-link_label || c-text -overline || u-anim -delay-5">#machinelearning</span> </a> <a class="c-tile_link" href="en/blog/adapting-stable-diffusion-to-create-rgba-imagery" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> </article> </li> <li class="c-news_list_item || u-anim_ref" data-scroll> <article class="c-tile -news" data-hovered> <div class="c-tile_image || u-anim -fade"> <figure class="c-figure"> <div class="c-figure_inner || o-lazy"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/Haven-Studios-Panel-1440x800.jpg" alt="Haven's Official Launch Event!" data-scroll data-scroll-call="lazyLoad, Scroll" > </div> </figure> </div> <div class="c-tile_content"> <div class="c-tile_infos || c-text -overline || u-color-white-100 u-color-opacity"> <p class="c-tile_infos_item || u-anim -delay-2"> October 12, 2022 </p> </div> <h3 class="c-tile_heading || c-heading -h6 || u-anim -delay-4"> Haven's Official Launch Event! </h3> <a class="c-tile_category || c-link || u-color-opacity" data-cursor="hover" href="en/tags/press"> <span class="c-link_label || c-text -overline || u-anim -delay-5">#press</span> </a> <a class="c-tile_link" href="en/blog/haven-s-official-launch-event" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> </article> </li> <li class="c-news_list_item || u-anim_ref" data-scroll> <article class="c-tile -news" data-hovered> <div class="c-tile_image || u-anim -fade"> <figure class="c-figure"> <div class="c-figure_inner || o-lazy"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/220720-115827-1440x800.png" alt="Haven Talks Future of Cloud Game Development" data-scroll data-scroll-call="lazyLoad, Scroll" > </div> </figure> </div> <div class="c-tile_content"> <div class="c-tile_infos || c-text -overline || u-color-white-100 u-color-opacity"> <p class="c-tile_infos_item || u-anim -delay-2"> July 20, 2022 </p> </div> <h3 class="c-tile_heading || c-heading -h6 || u-anim -delay-4"> Haven Talks Future of Cloud Game Development </h3> <a class="c-tile_category || c-link || u-color-opacity" data-cursor="hover" href="en/tags/cloud"> <span class="c-link_label || c-text -overline || u-anim -delay-5">#cloud</span> </a> <a class="c-tile_link" href="en/blog/haven-talks-future-of-cloud-game-development" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> </article> </li> <li class="c-news_list_item || u-anim_ref" data-scroll> <article class="c-tile -news" data-hovered> <div class="c-tile_image || u-anim -fade"> <figure class="c-figure"> <div class="c-figure_inner || o-lazy"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/linkedin_newemployee_m_latour_1080x1080-1440x800.jpg" alt="Haven Kafe - Mat Latour-Duhaime" data-scroll data-scroll-call="lazyLoad, Scroll" > </div> </figure> </div> <div class="c-tile_content"> <div class="c-tile_infos || c-text -overline || u-color-white-100 u-color-opacity"> <p class="c-tile_infos_item || u-anim -delay-2"> May 26, 2022 </p> </div> <h3 class="c-tile_heading || c-heading -h6 || u-anim -delay-4"> Haven Kafe - Mat Latour-Duhaime </h3> <a class="c-tile_category || c-link || u-color-opacity" data-cursor="hover" href="en/tags/kafe"> <span class="c-link_label || c-text -overline || u-anim -delay-5">#kafe</span> </a> <a class="c-tile_link" href="en/blog/haven-kafe-mat-latour-duhaime" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> </article> </li> <li class="c-news_list_item || u-anim_ref" data-scroll> <article class="c-tile -news" data-hovered> <div class="c-tile_image || u-anim -fade"> <figure class="c-figure"> <div class="c-figure_inner || o-lazy"> <img class="c-figure_image || o-lazy_image" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 '%3E%3C/svg%3E" data-src="https://havenstudios.com/uploads/blog/NewsPost_Image_Default_1440X800-1440x800.jpg" alt="Haven Kafe - Cristian Donoso" data-scroll data-scroll-call="lazyLoad, Scroll" > </div> </figure> </div> <div class="c-tile_content"> <div class="c-tile_infos || c-text -overline || u-color-white-100 u-color-opacity"> <p class="c-tile_infos_item || u-anim -delay-2"> April 26, 2022 </p> </div> <h3 class="c-tile_heading || c-heading -h6 || u-anim -delay-4"> Haven Kafe - Cristian Donoso </h3> <a class="c-tile_category || c-link || u-color-opacity" data-cursor="hover" href="en/tags/kafe"> <span class="c-link_label || c-text -overline || u-anim -delay-5">#kafe</span> </a> <a class="c-tile_link" href="en/blog/haven-kafe-cristian-donoso" target="_self" data-cursor="hover" data-module-hovered> <span class="u-screen-reader-text">Read More</span> </a> </div> </article> </li> </ul> </div> </div> <div class="c-pagination || o-padding -padding-xlarge-top"> <div class="o-container"> <div class="c-pagination_content"> <div class="c-pagination_button"> <a class="c-button -pagination is-navigation || is-disabled" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Prev</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-arrow-left-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-left-medium"></use> </svg> </span> </a> </div> <ul class="c-pagination_list"> <li class="c-pagination_item"> <a href="/en/blog" class="c-button -pagination is-active" data-cursor="hover"> <span class="c-button_label">1</span> </a> </li> <li class="c-pagination_item"> <a href="/en/blog?page=2" class="c-button -pagination " data-cursor="hover"> <span class="c-button_label">2</span> </a> </li> <li class="c-pagination_item"> <a href="/en/blog?page=3" class="c-button -pagination " data-cursor="hover"> <span class="c-button_label">3</span> </a> </li> </ul> <div class="c-pagination_button"> <a href="/en/blog?page=2" class="c-button -pagination is-navigation || " data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Next</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-arrow-right-medium" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right-medium"></use> </svg> </span> </a> </div> </div> </div> </div> </section>  <section class="c-push-newsletter || o-padding -padding-xxxlarge-top -padding-xxxlarge-bottom" data-scroll-section> <div class="o-container"> <div class="c-push-newsletter_inner || u-anim_ref" data-scroll> <div class="c-push-newsletter_content"> <div class="c-push-newsletter_heading || o-multi-font"> <h2 class="c-heading -portal || u-anim-text -line" data-scroll data-module-split-text>Let鈥檚 <em><i>keep</i></em> in touch!</h2> </div> <div class="c-push-newsletter_text || c-wysiwyg -layout-xlarge || u-anim -delay-2"> <p>Want to stay in the know of our hottest announcements, future playtesting opportunities, upcoming events and releases, or just want to say hi? Send us your contact info below!</p> </div> <a href="https://docs.google.com/forms/d/e/1FAIpQLScD4GT0sbBmz3a5CucgrJIKlsgj4W5awfTCGMcCvqm3PtUNjw/viewform?usp=sf_link" target="_blank" rel="noopener noreferrer" class="c-push-newsletter_cta || c-button -access || u-anim -delay-3" data-cursor="hover"> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-arrow" focusable="false"> <use xlink:href="assets/images/sprite.svg#arrow-right"></use> </svg> </span> <span class="c-button_label">Sign Up</span> </a> </div>  </div> </div> </section>  <div data-scroll-section> <div class="c-illustration" data-module-animate-illustration> <div class="o-container"> <div class="c-illustration_inner"> <svg class="c-illustration_svg" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1300 688" aria-hidden="true" focusable="false"> <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1300" height="688"> <path fill="#fff" d="M0 0h1300v688H0z" /> </mask> <g mask="url(#a)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 448.6h206v.5a103.001 103.001 0 0 1-206 0v-.5Zm1.001 1a102 102 0 0 0 203.998 0H16.501Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M118.9 347.1A102 102 0 0 0 16.901 448.6H220.9A102.001 102.001 0 0 0 118.9 347.1Zm-72.832 29.168A103.001 103.001 0 0 1 221.9 449.1v.5h-206v-.5a103 103 0 0 1 30.168-72.832ZM259.7 243.1h197.8v.5a98.9 98.9 0 0 1-197.8 0v-.5Zm1.001 1a97.904 97.904 0 0 0 97.899 97.4 97.9 97.9 0 0 0 97.899-97.4H260.701ZM358.1 377.1h153.3v36.7H358.1v-36.7Zm1 1v34.7h151.3v-34.7H359.1Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M299.6 341.4h153.3v36.7H299.6v-36.7Zm1 1v34.7h151.3v-34.7H300.6ZM264.3 413H453v36.7H264.3V413Zm1 1v34.7H452V414H265.3ZM922.7 150.6h227.8v.5a113.9 113.9 0 1 1-227.8 0v-.5Zm1.001 1A112.902 112.902 0 0 0 1036.6 264c29.94 0 58.66-11.895 79.83-33.068a112.875 112.875 0 0 0 33.07-79.332H923.701ZM1036.8 490.3h.5c26.23 0 51.39 10.42 69.93 28.967a98.893 98.893 0 0 1 0 139.866 98.882 98.882 0 0 1-69.93 28.967h-.5V490.3Zm1 1.001v195.798a97.934 97.934 0 0 0 68.73-28.673 97.895 97.895 0 0 0 28.67-69.226 97.895 97.895 0 0 0-28.67-69.226 97.934 97.934 0 0 0-68.73-28.673Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1037.8 38v452.8h-1V38h1Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M923.4 37.5h227.8v.5a113.9 113.9 0 1 1-227.8 0v-.5Zm1.001 1a112.9 112.9 0 0 0 225.799 0H924.401ZM915.5 687.2V449.1h1v238.1h-1Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M916.1 449.9H590.5v-1h325.6v1Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M117.459 448.6H591v.5l-.3 119.164-.299 118.436H1283.9v1H589.398l.002-.501.5.001c-.5-.001-.5-.002-.5-.004l.599-237.596H119.74l218.521 237.254 16.092 16.093-.707.707-16.107-16.108L117.459 448.6Z" fill="#524A8A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M691.269 298.538a163.404 163.404 0 0 1 178.072 35.421A163.401 163.401 0 0 1 753.8 612.9a163.364 163.364 0 0 1-163.4-163.4 163.398 163.398 0 0 1 100.869-150.962Zm94.214-8.317A162.405 162.405 0 0 0 591.4 449.5a162.367 162.367 0 0 0 100.246 150.049A162.376 162.376 0 0 0 753.8 611.9a162.404 162.404 0 0 0 150.038-100.252 162.398 162.398 0 0 0-118.355-221.427Z" fill="#524A8A" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M753.8 612.4a162.899 162.899 0 0 0 159.77-194.68 162.903 162.903 0 0 0-127.99-127.99A162.899 162.899 0 0 0 590.9 449.5a162.848 162.848 0 0 0 47.701 115.199A162.848 162.848 0 0 0 753.8 612.4Z" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="M1151.1 38a113.417 113.417 0 0 1-33.23 80.174 113.426 113.426 0 0 1-80.17 33.226v339.4a98.39 98.39 0 0 1 69.58 28.821 98.413 98.413 0 0 1 28.82 69.579 98.413 98.413 0 0 1-28.82 69.579 98.39 98.39 0 0 1-69.58 28.821" stroke-miterlimit="10" /> <path data-animate-illustration="path" class="c-illustration_animate" fill="none" d="m354.4 703.3-16.1-16.1L119 449.1h471.9c0 89.9 72.9 163.3 162.9 163.3a162.848 162.848 0 0 0 115.199-47.701A162.848 162.848 0 0 0 916.7 449.5" stroke-miterlimit="10" /> </g> </svg> </div> </div> </div> </div>  <div data-scroll-section > <footer class="c-footer" data-scroll data-scroll-id="footer" data-module-footer-reveal> <div class="o-container" data-footer-reveal="inner"> <div class="c-footer_inner"> <div class="u-hide-from-small"> <div class="c-footer_description || c-wysiwyg -layout-small"> <p>Haven Interactive Studios ULC</p> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="https://goo.gl/maps/6gVHRV1K679zxCsU7" target="_blank" rel="noopener noreferrer"> 1 Place Ville Marie Suite 12102 Montreal QC H3B3Y1 </a> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="tel:5144642836" target="_blank" rel="noopener noreferrer"> 514-464-2836 </a> </div> <div class="c-footer_logo || c-button -icon"> <span class="c-button_label || u-screen-reader-text">Sony Studios</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-sony" focusable="false"> <use xlink:href="assets/images/sprite.svg#sony"></use> </svg> </span> </div> </div> <div class="c-footer_top"> <div class="o-grid -col-8 -gutter-x"> <div class="u-gc-1/9 u-gc-1/4@from-small"> <div class="u-hide-to-small"> <div class="c-footer_description || c-wysiwyg -layout-small"> <p>Haven Interactive Studios ULC</p> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="https://goo.gl/maps/6gVHRV1K679zxCsU7" target="_blank" rel="noopener noreferrer"> 1 Place Ville Marie Suite 12102 Montreal QC H3B3Y1 </a> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="tel:5144642836" target="_blank" rel="noopener noreferrer"> 514-464-2836 </a> </div> <div class="c-footer_logo || c-button -icon"> <span class="c-button_label || u-screen-reader-text">Sony Studios</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-sony" focusable="false"> <use xlink:href="assets/images/sprite.svg#sony"></use> </svg> </span> </div> </div> </div> <div class="u-gc-1/9 u-gc-5/9@from-small"> <nav class="c-nav"> <ul class="c-nav_list" data-footer-nav="nav"> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/culture"> <span class="c-link_label">Culture</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/careers"> <span class="c-link_label">Careers<sup>10</sup></span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/blog"> <span class="c-link_label">Blog</span> </a> </li> </ul> </nav> <div class="u-text-center || u-hide-from-small || o-padding -padding-tiny-top"> <a class="c-nav_langswitcher || c-button -access -light" data-cursor="hover" href="https://havenstudios.com/fr/blog" data-load="false"> <span class="c-button_label">FR</span> </a> </div> </div> </div> </div> <div class="c-footer_bottom"> <div class="o-grid -col-8 -gutter-x -bottom-items"> <div class="u-gc-1/9 u-gc-1/3@from-small"> <nav class="c-nav-socials"> <ul class="c-nav-socials_list"> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://twitter.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Twitter</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-twitter" focusable="false"> <use xlink:href="assets/images/sprite.svg#twitter"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://linkedin.com/company/haven-studios-inc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">LinkedIn</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-linkedin" focusable="false"> <use xlink:href="assets/images/sprite.svg#linkedin"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://instagram.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Instagram</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-instagram" focusable="false"> <use xlink:href="assets/images/sprite.svg#instagram"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="mailto:contact@havenstudios.com" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Email</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-mail" focusable="false"> <use xlink:href="assets/images/sprite.svg#mail"></use> </svg> </span> </a> </li> </ul> </nav> </div> <div class="u-gc-1/9 u-gc-3/5@from-small"> <a class="c-nav_langswitcher || c-button -access -light || u-hide-to-small" data-cursor="hover" href="https://havenstudios.com/fr/blog" data-load="false"> <span class="c-button_label">FR</span> </a> </div> <div class="u-gc-1/9 u-gc-5/9@from-small"> <div class="c-footer_footer"> <div class="c-footer_legals"> <p class="c-text -overline">© 2024 Haven Interactive Studios ULC<br> All rights reserved.</p> </div> <div class="c-footer_legals"> <a class="c-link -small -underline" data-cursor="hover" href="https://www.playstation.com/legal/privacy-policy/" target="_blank" rel="noopener"> <span class="c-link_label">Privacy Policy</span> </a> <a class="c-link -small -underline" data-cursor="hover" href="https://www.playstation.com/legal/website-terms-of-use/" target="_blank" rel="noopener"> <span class="c-link_label">Terms of Use</span> </a> </div> <div class="c-footer_credits"> <a class="c-link -small -underline" data-cursor="hover" href="https://locomotive.ca/" rel="noopener" target="_blank"> <span class="c-link_label">Website by Locomotive</span> </a> </div> </div> </div> </div> </div> </div> </div> </footer> </div></div> </div>  <div class="c-trombinoscope-modal || c-modal" data-module-trombinoscope-modal aria-label="Trombinoscope Modal" tabindex="-1" aria-hidden="false"> <div class="c-trombinoscope-modal_container || c-modal_container"> <button class="c-trombinoscope-modal_close || c-modal_close || c-button" data-trombinoscope-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close Trombinoscope modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> </span> </button> <div class="c-modal_scrollable"> <figure class="c-modal_inner || u-anim_ref" data-trombinoscope-modal="anim"> <div class="c-trombinoscope-modal_layout"> <div class="c-trombinoscope-modal_col"> <div class="c-trombinoscope-modal_content"> <blockquote class="c-trombinoscope-modal_blockquote"> <p class="c-trombinoscope-modal_sentence || c-text -quote-light || u-anim-text -line" data-trombinoscope-modal="quote"> </p> </blockquote> <figcaption class="c-trombinoscope-modal_figcaption || o-padding -padding-small-top"> <span class="c-trombinoscope-modal_author || c-text-serif -figcaption || u-anim -longer -delay-4"> <span data-trombinoscope-modal="firstname"> </span> <span class="c-text-serif -figcaption -italic" data-trombinoscope-modal="lastname"> </span> </span> <span class="c-trombinoscope-modal_job || c-text-serif -figcaption || u-anim -longer -delay-5" data-trombinoscope-modal="job"> </span> </figcaption> </div> </div> <div class="c-trombinoscope-modal_col"> <div class="c-trombinoscope-modal_visual" data-trombinoscope-modal="visual"></div> </div> </div> </figure> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close trombinoscope modal" data-trombinoscope-modal="close"></div> <div class="c-trombinoscope-modal_spinner || c-spinner"></div> </div>  <div class="c-video-modal || c-modal" data-module-video-modal aria-label="Video Modal" tabindex="-1" aria-hidden="false"> <div class="c-video-modal_container || c-modal_container"> <button class="c-video-modal_close || c-modal_close || c-button" data-video-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close Video modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> </span> </button> <div class="c-video-modal_content"> <div class="c-video-modal_inner" data-video-modal="inner"></div> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close video modal" data-trombinoscope-modal="close"></div> </div> <div class="c-cursor" data-module-cursor aria-hidden="true"> <div class="c-cursor_state -default"></div> <div class="c-cursor_state -hover"></div> <div class="c-cursor_state -hold"> <div class="c-cursor_hold_svg"> <svg class="svg-hold" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"> <circle cx="15" cy="15" r="14" stroke-dashoffset="91" stroke-width="2" data-cursor="holdCircle" /> </svg> </div> </div> </div> <script src="https://havenstudios.com/assets/scripts/global-data-layer.min.js?v=1705004686335" defer></script> <script src="https://havenstudios.com/assets/scripts/vendors.js?v=1705004686335" defer></script> <script src="https://havenstudios.com/assets/scripts/app.js?v=1705004686335" defer></script> </body> </html>

CINXE.COM

Blog | Haven Studios