CINXE.COM
Sea Containers | Brand Identity | Magpie Studio
<!DOCTYPE html> <html lang="en-US" class="no-js no-svg work-visible"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-SQ9H6M3ZJ0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments)}; gtag('js', new Date()); gtag('config', 'G-SQ9H6M3ZJ0'); </script> <!-- Google tag (gtag.js) --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Speaking in black & white. Thinking in colour." /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ --> <title>Sea Containers | Brand Identity | Magpie Studio</title><link rel="stylesheet" id="siteground-optimizer-combined-css-ace8892840fcc960ac6a539da66e9f4e" href="https://magpie-studio.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-ace8892840fcc960ac6a539da66e9f4e.css" media="all" /> <link rel="preload" href="https://magpie-studio.com/wp-content/uploads/siteground-optimizer-assets/siteground-optimizer-combined-css-ace8892840fcc960ac6a539da66e9f4e.css" as="style"> <meta name="description" content="Inspired by the golden age of transatlantic travel, the restaurant draws its design cues from the visual language of naval flags and semaphore. The combination of lavish detailing and modern execution was intended to recreate the glamour and romance of sea voyage." /> <link rel="canonical" href="https://magpie-studio.com/work/sea-containers/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Sea Containers | Brand Identity | Magpie Studio" /> <meta property="og:description" content="Inspired by the golden age of transatlantic travel, the restaurant draws its design cues from the visual language of naval flags and semaphore. The combination of lavish detailing and modern execution was intended to recreate the glamour and romance of sea voyage." /> <meta property="og:url" content="https://magpie-studio.com/work/sea-containers/" /> <meta property="og:site_name" content="Magpie Studio" /> <meta property="article:modified_time" content="2024-05-28T16:05:20+00:00" /> <meta property="og:image" content="https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12.jpg" /> <meta property="og:image:width" content="2000" /> <meta property="og:image:height" content="1125" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://magpie-studio.com/work/sea-containers/","url":"https://magpie-studio.com/work/sea-containers/","name":"Sea Containers | Brand Identity | Magpie Studio","isPartOf":{"@id":"https://magpie-studio.com/#website"},"primaryImageOfPage":{"@id":"https://magpie-studio.com/work/sea-containers/#primaryimage"},"image":{"@id":"https://magpie-studio.com/work/sea-containers/#primaryimage"},"thumbnailUrl":"https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12.jpg","datePublished":"2018-04-10T13:41:40+00:00","dateModified":"2024-05-28T16:05:20+00:00","description":"Inspired by the golden age of transatlantic travel, the restaurant draws its design cues from the visual language of naval flags and semaphore. The combination of lavish detailing and modern execution was intended to recreate the glamour and romance of sea voyage.","breadcrumb":{"@id":"https://magpie-studio.com/work/sea-containers/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://magpie-studio.com/work/sea-containers/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://magpie-studio.com/work/sea-containers/#primaryimage","url":"https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12.jpg","contentUrl":"https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12.jpg","width":2000,"height":1125,"caption":"Magpie Sea Containers"},{"@type":"BreadcrumbList","@id":"https://magpie-studio.com/work/sea-containers/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://magpie-studio.com/"},{"@type":"ListItem","position":2,"name":"Work","item":"https://magpie-studio.com/work/"},{"@type":"ListItem","position":3,"name":"Sea Containers"}]},{"@type":"WebSite","@id":"https://magpie-studio.com/#website","url":"https://magpie-studio.com/","name":"Magpie Studio","description":"Speaking in black & white. Thinking in colour.","publisher":{"@id":"https://magpie-studio.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://magpie-studio.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://magpie-studio.com/#organization","name":"Magpie Studio","url":"https://magpie-studio.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://magpie-studio.com/#/schema/logo/image/","url":"https://magpie-studio.com/wp-content/uploads/2024/02/Magpie_logo.png","contentUrl":"https://magpie-studio.com/wp-content/uploads/2024/02/Magpie_logo.png","width":1094,"height":200,"caption":"Magpie Studio"},"image":{"@id":"https://magpie-studio.com/#/schema/logo/image/"},"sameAs":["https://www.instagram.com/magpiestudio_/","https://www.linkedin.com/company/magpie-studio/"]}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/flickity/flickity.pkgd.min.js?ver=1684400705" id="magpie-flickity-js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" id="jquery-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/smoothstate/jquery.smoothstate.min.js?ver=1684400705" id="magpie-smoothstate-js"></script> <link rel="https://api.w.org/" href="https://magpie-studio.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://magpie-studio.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://magpie-studio.com/?p=1052' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://magpie-studio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmagpie-studio.com%2Fwork%2Fsea-containers%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://magpie-studio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmagpie-studio.com%2Fwork%2Fsea-containers%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.140.0" /><script src="https://player.vimeo.com/api/player.js"></script> <link rel="shortcut icon" href="https://magpie-studio.com/wp-content/uploads/2018/05/Magpie_Favicon.png" /> </head> <body id="page-1052" class="is-desktop loading"> <main id="app" class="main"> <nav class="navigation"> <div class="navigation-item left"> <span class="filters-button">Filters</span> <a class="work-scroller" href="https://magpie-studio.com/">Work</a> </div> <div class="navigation-item logo"> <a href="https://magpie-studio.com" class="header-link svg-logo"> Magpie Studio </a> </div> <div class="navigation-item right "> <a href="https://magpie-studio.com/about">About</a> </div> </nav> <div class="white"> <nav class="navigation"> <div class="navigation-item left"> <span class="filters-button">Filters</span> <a class="work-scroller" href="https://magpie-studio.com/">Work</a> </div> <div class="navigation-item logo"> <a href="https://magpie-studio.com" class="header-link svg-logo"> Magpie Studio </a> </div> <div class="navigation-item right "> <a href="https://magpie-studio.com/about">About</a> </div> </nav> </div> <div id="work-filters"> <span class="filters-close-button">Close</span> <div class="work-filters-wrapper"> <ul> <li><a href="https://magpie-studio.com/work">All</a></li> <li class="cat-item cat-item-13"><a href="https://magpie-studio.com/category/branding-campaign/">Brand Campaign</a> </li> <li class="cat-item cat-item-10"><a href="https://magpie-studio.com/category/brand-creation/">Brand Creation</a> </li> <li class="cat-item cat-item-24"><a href="https://magpie-studio.com/category/brand-expression/">Brand Expression</a> </li> <li class="cat-item cat-item-19"><a href="https://magpie-studio.com/category/digital/">Digital</a> </li> <li class="cat-item cat-item-17"><a href="https://magpie-studio.com/category/environmental/">Environmental</a> </li> <li class="cat-item cat-item-14"><a href="https://magpie-studio.com/category/motion/">Motion</a> </li> <li class="cat-item cat-item-21"><a href="https://magpie-studio.com/category/naming/">Naming</a> </li> <li class="cat-item cat-item-18"><a href="https://magpie-studio.com/category/packaging/">Packaging</a> </li> <li class="cat-item cat-item-8"><a href="https://magpie-studio.com/category/print-collateral/">Print Collateral</a> </li> <li class="cat-item cat-item-20"><a href="https://magpie-studio.com/category/strategy/">Strategy</a> </li> </ul> </div> </div> <div id="page-layout" class="layout-element work-template-default single single-work postid-1052 ie work-sea-containers" data-post-id="1052"> <div class="page-grid varied-layout"> <div class="project-nav-link project-next"> <a href="https://magpie-studio.com/work/imagine/"> <span class="arrow"></span> <span class="featured-image"> <span class="background" style="background-image: url(https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_Imagine_16-300x201.jpg)"></span> </span> </a> </div> <div class="project-nav-link project-prev"> <a href="https://magpie-studio.com/work/silverlining/"> <span class="arrow"></span> <span class="featured-image"> <span class="background" style="background-image: url(https://magpie-studio.com/wp-content/uploads/2020/11/Magpie_Creds_Silverlining_16_9_v2-300x169.png)"></span> </span> </a> </div> <div class="grid-item center project-detail"> <h1> Sea Containers </h1> <h2>Bon voyage</h2> <p class="project-description"> <span class="description-text"> Sea Containers is the flagship restaurant of the Mondrian hotel on London’s Southbank~.<br /> <br /> Inspired by the golden age of transatlantic travel, the restaurant draws its design cues from the visual language of naval flags and semaphore. The combination of lavish detailing and modern execution was intended to recreate the glamour and romance of sea voyage.<br /> <br /> </span> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </p> <h2 class="font-mono"> Brand identity, menus, coasters, matchboxes and event invitations. </h2> </div> <div class="edit-layout-grid"> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> <div class="grid-item" data-width="1" data-static></div> </div> <script type="text/javascript" id="layout-edit"> window.layoutData = [{"layer":{"value":"0","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"1","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"12","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"0","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"0","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"0","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"8","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-1","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"1","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"0","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"8","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-1","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"4","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"0","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"6","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-3","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"1","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"0","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"8","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-2","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"2","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"2","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"7","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"0","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"4","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"1","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"6","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-3","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"1","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"2","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"4","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-4","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"6","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"0","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"7","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-2","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"4","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"2","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"6","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-1","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"1","key":"field_5a1defb578f15","name":"offset_left"}},{"layer":{"value":"2","key":"field_5a25ac3290e59","name":"layer"},"full_bleed":{"value":"0","key":"field_5a1e678aebba9","name":"full_bleed"},"width":{"value":"5","key":"field_5a1def4a78f14","name":"width"},"offset_top":{"value":"-4","key":"field_5a1defe078f16","name":"offset_top"},"offset_left":{"value":"6","key":"field_5a1defb578f15","name":"offset_left"}}]; window.contentField = 'page_content'; window.ajaxUrl = "https://magpie-studio.com/wp-admin/admin-ajax.php"; </script> <div class="page-content"> <div class="grid-item layout-item caption-l" data-index="0" data-width=12 data-top=0 data-left=0 data-layer=0 data-fullbleed data-static> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Logo" class="preload" src="https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12-50x28.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12-2000x1125.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12-300x169.jpg 300w,https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12-600x338.jpg 600w,https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_SeaContainers_12-2000x1125.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> <div class="grid-item layout-item caption-l" data-index="1" data-width=8 data-top=-1 data-left=1 data-layer=0> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Coasters" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_1-50x33.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_1-2000x1333.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_1-300x200.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_1-600x400.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_1-2000x1333.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> <div class="grid-item layout-item caption-l" data-index="2" data-width=8 data-top=-1 data-left=4 data-layer=0> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Menu" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_6-50x32.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_6-2000x1299.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_6-300x195.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_6-600x390.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_6-2000x1299.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> <div class="grid-item layout-item caption-l" data-index="3" data-width=6 data-top=-3 data-left=1 data-layer=0> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Interior by Tom Dixon's Design Research Studio" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_5-50x38.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_5-2000x1501.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_5-300x225.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_5-600x450.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_5-2000x1501.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> <p class="caption"> Interiors by Tom Dixon’s Design Research Studio </p> </div> </div> <div class="grid-item text-item text-big" data-index="4" data-width=8 data-top=-2 data-left=2 data-layer=0> <div class="parallax-item"> <p><p>"Having not been pigeonholed into a particular industry, the ideas are truly different and result in identities that are memorable in their design. The team are a joy to work with. Just a great bunch of people."</p> </p> <p><small>Simon Gilkes, Director of Sales and Marketing – Mondrian London, St Martins Lane Hotel, The Sanderson </small></p> </div> </div> <div class="grid-item layout-item caption-l" data-index="5" data-width=7 data-top=0 data-left=4 data-layer=2> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Menu" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_2-50x36.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_2-2000x1437.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_2-300x216.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_2-600x431.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_2-2000x1437.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> <div class="grid-item layout-item caption-l" data-index="6" data-width=6 data-top=-3 data-left=1 data-layer=1> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_11-50x33.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_11-2000x1333.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_11-300x200.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_11-600x400.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_11-2000x1333.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> <div class="grid-item layout-item caption-l" data-index="7" data-width=4 data-top=-4 data-left=6 data-layer=2> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Typography" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_7-36x50.png" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_7-1437x2000.png" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_7-216x300.png 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_7-431x600.png 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_7-1437x2000.png 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> <div class="grid-item video layout-item" data-index="8" data-width=7 data-top=-2 data-left=4 data-layer=0> <div class="parallax-item"> <div class="video-container"> <video src="https://magpie-studio.com/wp-content/uploads/2018/04/Morgans_SeaContainers_Carousel2.mp4" muted autoplay loop playsinline webkit-playsinline /> </div> </div> </div> <div class="grid-item layout-item caption-r" data-index="9" data-width=6 data-top=-1 data-left=1 data-layer=2> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Interior by Tom Dixon's Design Research Studio" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_4-50x33.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_4-2000x1331.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_4-300x200.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_4-600x399.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_4-2000x1331.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> <p class="caption"> Interiors by Tom Dixon’s Design Research Studio </p> </div> </div> <div class="grid-item layout-item caption-l" data-index="10" data-width=5 data-top=-4 data-left=6 data-layer=2> <div class="parallax-item"> <div class="image-container"> <img alt="Sea Containers Business Cards" class="preload" src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_3-50x36.jpg" data-src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_3-2000x1437.jpg" data-srcset="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_3-300x216.jpg 300w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_3-600x431.jpg 600w,https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_SeaContainers_3-2000x1437.jpg 1200w" /> <div class="bg"> <svg class="dots" width="18" height="4" viewBox="0 0 18 4" xmlns="http://www.w3.org/2000/svg"> <g fill="#000" fill-rule="evenodd"> <circle id="dot1" cx="2" cy="2" r="2"/> <circle id="dot2" cx="9" cy="2" r="2"/> <circle id="dot3" cx="16" cy="2" r="2"/> </g> </svg> </div> </div> </div> </div> </div> </div> <div class="related-projects"> <h2>Related Projects</h2> <div class="projects-container"> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/dandelyan/"> <img src="https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_Dandelyan_1-1.jpg" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2017/11/Magpie_Dandelyan_1-1.jpg" /> <div class="project-meta"> <div class="project-titles"> <h3> Dandelyan </h3> </div> </div> </div> </a> </div> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/the-rumpus-room/"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_RumpusRoom_18-2000x1203.jpg" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_RumpusRoom_18-2000x1203.jpg" /> <div class="project-meta"> <div class="project-titles"> <h3> The Rumpus Room </h3> </div> </div> </div> </a> </div> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/rwd/"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_RWD_1.jpg" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_RWD_1.jpg" /> <div class="project-meta"> <div class="project-titles"> <h3> RWD </h3> </div> </div> </div> </a> </div> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/virgin-voyages-new/"> <img src="https://magpie-studio.com/wp-content/uploads/2018/05/Magpie_VirginVoyages_23.jpg" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2018/05/Magpie_VirginVoyages_23.jpg" /> <div class="project-meta"> <div class="project-titles"> <h3> Virgin Voyages </h3> </div> </div> </div> </a> </div> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/asia-de-cuba/"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_AsiadeCuba_1.jpg" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_AsiadeCuba_1.jpg" /> <div class="project-meta"> <div class="project-titles"> <h3> Asia De Cuba </h3> </div> </div> </div> </a> </div> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/mad-hatters-tea/"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_MadHatters_1-2000x1203.jpg" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2018/04/Magpie_MadHatters_1-2000x1203.jpg" /> <div class="project-meta"> <div class="project-titles"> <h3> Mad Hatter’s Tea </h3> </div> </div> </div> </a> </div> <div class="grid-item cell-item work-thumb project-link static"> <a href="https://magpie-studio.com/work/the-thinking-traveller/"> <img src="https://magpie-studio.com/wp-content/uploads/2020/11/Magpie_ThinkingTraveller_Cinemagraph_Thumbnail-1.gif" /> <div class="overlay"> <img src="https://magpie-studio.com/wp-content/uploads/2020/11/Magpie_ThinkingTraveller_Cinemagraph_Thumbnail-1.gif" /> <div class="project-meta"> <div class="project-titles"> <h3> The Thinking Traveller </h3> </div> </div> </div> </a> </div> </div> </div> </div> <div id="footer-pad"></div> <footer> <section></section> <!--START FOOTER--> <section id="footer-contact"> <!--START TOP ROW--> <div class="top-row"> <p>New business enquiries</p> <h2><a href="mailto:hello@magpie-studio.com">hello@magpie-studio.com</a><br /> +44 (0)20 7092 9036</h2> </div> <!--END TOP ROW--> <!--START BOTTOM ROW--> <div class="bottom-row"> <!--Start Social Row--> <div class="social-row"> <!--Start Follow Column--> <div class="column follow-us"> <p class="column-header">Follow us</p> <p><a href="https://www.linkedin.com/company/magpie-studio/?originalSubdomain=uk" target="_blank" rel="noopener">LinkedIn</a> | <a href="https://www.instagram.com/magpiestudio_/" target="_blank" rel="noopener">Insta</a> | <a href="https://www.pinterest.co.uk/magpiestudio_/" target="_blank" rel="noopener">Pinterest</a></p> </div> <!--End Follow Column--> <!--Start Newsletter Column--> <div class="column newsletter"> <p class="column-header">Keep up to date</p> <div class="newsletter-outer-wrap"> <a class="newsletter-opener" href="#"><p>Subscribe to news</p></a> <p class="newsletter-thanks">All done, Magpie updates incoming!</p> <!-- Begin Mailchimp Signup Form --> <div id="mc_embed_signup" class="newsletter-form-wrap hidden"> <form action="https://magpie-studio.us18.list-manage.com/subscribe/post?u=97b4ca3c1755b02a775dc8fbe&id=23eee06196&f_id=00d571e7f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" autocomplete="off" novalidate> <div id="mc_embed_signup_scroll"> <div class="mc-field-group"> <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email" autocomplete="off" required> <span id="mce-EMAIL-HELPERTEXT" class="helper_text"></span> </div> <div hidden="true"><input type="hidden" name="tags" value="2270566"></div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_97b4ca3c1755b02a775dc8fbe_23eee06196" tabindex="-1" value=""></div> <!--Start Submit Button--> <div class="submit-button-wrap clear"> <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe"> </div> <!--End Submit Button--> </div> </form> <div class="form-notice">By submitting your email you are agreeing to receive marketing communications from Magpie Studio. We will not share your details with any 3rd parties.</div> </div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='MMERGE5';ftypes[5]='text';fnames[6]='MMERGE6';ftypes[6]='text';fnames[7]='MMERGE7';ftypes[7]='text';fnames[8]='MMERGE8';ftypes[8]='text';fnames[9]='MMERGE9';ftypes[9]='text';fnames[10]='MMERGE10';ftypes[10]='text';fnames[11]='MMERGE11';ftypes[11]='text';fnames[12]='MMERGE12';ftypes[12]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script> <!--End mc_embed_signup--> </div> </div> <!--End Newsletter Column--> <!--Start Jobs Column--> <div class="column jobs"> <p class="column-header">Jobs & internships</p> <p><a href="mailto:folio@magpie-studio.com">folio@magpie-studio.com</a></p> </div> <!--End Jobs Column--> </div> <!--End Social Row--> <!--Start Legal Notice--> <div class="legal-notice"> Registered in England & Wales as Magpie Studio Limited • No. 641 5181<span class="mobile-dot"> • </span><br /> 3E Zetland House, 5 – 25 Scrutton Street, London, EC2A 4HJ • VAT No. 934 4354 2201 </div> <!--End Legal Notice--> </div> <!--END BOTTOM ROW--> </section> <!--END FOOTER--> </footer> </main> <!-- GA Google Analytics @ https://m0n.co/ga --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-57381613-14"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-57381613-14'); </script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/scrollMonitor/scrollMonitor.js?ver=1684400705" id="magpie-scrollMonitor-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/scrolldir/scrolldir.min.js?ver=1684400705" id="magpie-scrolldir-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/sectionSnap/jquery-sectionsnap.js?ver=1684400705" id="magpie-sectionSnap-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/lazyload/lazyload.min.js?ver=1684400705" id="magpie-lazyload-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/backgroundVideo/jquery.background-video.js?ver=1684400705" id="magpie-bgVideo-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/lib/easing/jquery.easing.min.js?ver=1684400705" id="magpie-easing-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/assets/dist/app.min.js?ver=1684400705" id="magpie-app-js"></script> <script type="text/javascript" src="https://magpie-studio.com/wp-content/themes/magpie_theme/assets/dist/script2023.js?ver=1684400705" id="cliff-app-js"></script> </body> </html>