</noscript> <noscript><img height="1" width="1" style="display:none" src="https://www.downtownmelody.com/_x/d3d3LmZhY2Vib29rLmNvbQ/tr?id=621032981658112&ev=PageView&noscript=1" /></noscript> <a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/#main" title="Skip to content" aria-label="Skip to content" class="inline-block text-black-800 bg-white focus:ring-4 focus:ring-highlight font-medium text-xs px-4 pt-3 focus:outline-none rounded-none rounded-bl-lg rounded-br-lg fixed left-1/2 -translate-y-1/2 top-0 z-[1000] -translate-y-[200%] focus:translate-y-0"> Skip to content </a> <style> :root { --headings: #42818f; --highlight: #c5edf0; --highlight-shadow: #42818f; --highlight-contrast: #1c1c1c; --menu-button: #42818f; --menu-button-hover: #7ededb; --menu-text: #ffffff; --token-footer-bg-color: #7d313e; --token-footer-logo-color: #7ededb; --token-footer-logo-shadow-color: #f26529; } </style> <style> :root { --token-header-bg-color: #eddfd1; --token-header-logo-color: #42818f; } </style> <div class="relative min-h-screen z-1 text-[var(--text-color)] bg-[var(--bg-color)]"> <div class="bg-black-900 z-40 lg:z-20 text-white container relative"> <div x-data="{ expanded: false }" class="py-2.5 flex items-center gap-12 lg:relative h-10" > <button @click.prevent="expanded = !expanded" class="flex grow justify-between lg:grow-0 items-center gap-3 ~text-xs/sm focus-visible:outline-white" > <div class="flex items-center gap-3"> <span class="rounded-full w-2 h-2 bg-[#26ff00]"></span> Gallery open today 10am–5pm </div> <span> <svg class="w-3 h-auto fill-current transition-all group-hover:fill-highlight group-focus-visible:fill-highlight" width="16" height="10" viewBox="2 4.5 15 9" fill="currentColor" xmlns="http://www.w3.org/2000/svg" x-bind:class="expanded ? 'rotate-180' : ''"> <path transform="rotate(180 9.5 9)" d="M2.131 12.146 9.5 4.75l7.369 7.396-1.308 1.312L9.5 7.375l-6.06 6.083-1.309-1.312Z"/> </svg> </span> </button> <div x-cloak x-collapse x-trap="expanded" x-show="expanded" @keyup.esc="expanded = false" @click.outside="expanded = false" :aria-expanded="expanded" class="absolute z-50 top-10 left-0 lg:-left-10 bg-black-800 w-full lg:w-auto" > <div class="prose prose-white text-sm lg:text-base leading-normal max-w-full lg:max-w-[42ch] px-4 pt-3 pb-6 lg:px-10 lg:pt-6 lg:pb-8"> <p>We are open <strong>Tuesday to Sunday, 10am–5pm</strong>, and Bank Holidays.</p><p><a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us"><strong>Plan your visit</strong></a></p> </div> </div> <div class="hidden lg:block"> <p>Free entry</p> </div> </div> </div> <header x-data="{ menuOpen: false }" @up:link:follow.window="$nextTick(() => $focus.focus(document.body)); menuOpen = false;" class="container py-6 md:pt-7 md:pb-3 bg-[var(--bg-color)] text-[var(--text-color)]" style="--bg-color: var(--token-header-bg-color); --text-color: var(--token-header-text-color);" > <div class="flex flex-wrap justify-between items-end gap-x-4 mx-auto relative z-10"> <span></span> <div class="flex flex-col items-end md:gap-y-4.5"> <nav up-nav="supplementary" aria-label="Header supplementary navigation" class="hidden md:block"> <ul class="flex gap-x-6"><li ><a class="font-normal LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us/accessibility">Accessibility</a></li><li ><a class="font-normal LinkNav" href="https://www.downtownmelody.com/_x/c2hvcC50dXJuZXJjb250ZW1wb3Jhcnkub3Jn/?utm_source=main&utm_medium=header" rel="noopener" target="_blank">Shop</a></li></ul> </nav> <div class="flex items-center gap-x-14"> <nav up-nav="main" aria-label="Header main navigation" class="hidden md:block"> <ul class="flex gap-x-7"> <li><a class="~text-lg/xl LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on">What’s on</a></li> <li><a class="~text-lg/xl LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us">Visit us</a></li> <li><a class="~text-lg/xl LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/donate">Donate</a></li> </ul> </nav> <button @click="menuOpen = ! menuOpen, $dispatch('menu-open', { open: menuOpen })" :aria-expanded="menuOpen" type="button" aria-controls="menu-drawer" aria-label="Menu toggle" class="bg-menu-button text-menu-text hover:bg-menu-button-hover hover:text-menu-text-hover focus-visible:border-[var(--black-300)] inline-flex items-center gap-x-1.5 py-2 px-5 transition-base rounded-full font-bold outline-none" > <span class="sr-only">Open menu</span> <span class="hidden md:block">Menu</span> <span ><svg class="w-4 h-auto fill-current" width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> </span> </button> </div> </div> </div> <div x-cloak @click="menuOpen = false, $dispatch('menu-open', { open: menuOpen })" :aria-hidden="!menuOpen" :class="{ 'opacity-65 visible' : menuOpen, 'opacity-0 invisible' : !menuOpen }" class="hidden md:block absolute inset-0 w-full h-full bg-black-800 opacity-0 invisible z-30 transition-base" ></div> <div x-cloak x-trap="menuOpen" x-on:keyup.esc="menuOpen = false" :class="{ 'translate-x-0' : menuOpen, 'translate-x-full' : !menuOpen }" id="menu-drawer" class="fixed top-10 bottom-0 overflow-y-scroll right-0 md:top-0 flex flex-col gap-y-6 md:flex-row md:items-start w-full md:~md/lg:~w-[47rem]/[62rem] md:min-h-screen bg-black-100 z-30 transition-all duration-700 ease-out-expo" style="--text-color: var(--black-800);" > <div class="md:hidden px-4 pt-[1.5rem] flex justify-between"> <a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/" title="Go to Turner Contemporary homepage" aria-label="Go to Turner Contemporary homepage" class="translate-y-[.3125rem] md:translate-y-0 text-black-800"> <svg class="fill-current w-[6.9375rem] h-auto md:w-[11.25rem]" width="180" height="50" viewBox="0 0 180 50" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.785 9.41566V48.7964H12.5656V9.41566H0V0.905273H35.3536V9.41566H22.785Z"/> <path d="M51.2175 35.3305V16.9102H60.8642V35.6477C60.8642 43.8409 54.6454 49.5582 46.0774 49.5582C37.5094 49.5582 31.2266 43.8409 31.2266 35.5836V16.9102H40.8732V35.3305C40.8732 39.078 42.7775 41.3009 46.0774 41.3009C49.3772 41.3009 51.2175 39.078 51.2175 35.3305Z"/> <path d="M75.463 25.2315V48.7959H65.8164V16.9102H85.3656V25.2315H75.463Z"/> <path d="M104.977 24.7713C101.421 24.7713 99.2638 27.5034 99.2638 31.2509V48.7809H89.6172V16.8951H99.2638V20.5786C101.168 18.1026 104.34 16.1328 108.53 16.1328C115.574 16.1328 119.953 20.8957 119.953 27.8205V48.7809H110.306V30.4886C110.306 27.1863 108.402 24.7713 104.974 24.7713H104.977Z"/> <path d="M148.255 37.0311L155.047 41.733C152 46.752 146.732 49.5451 140.574 49.5451C131.561 49.5451 123.883 42.4313 123.883 32.8415C123.883 23.2517 131.561 16.1348 140.321 16.1348C150.729 16.1348 156.887 24.3921 156.25 35.4455H132.832C133.782 39.3851 136.893 41.669 140.574 41.669C144.255 41.669 146.415 39.8913 148.255 37.0311ZM133.149 29.408H147.113C146.668 26.6759 144.511 23.9469 140.385 23.9469C137.149 23.9469 134.291 25.9807 133.149 29.408Z"/> <path d="M170.1 25.2315V48.7959H160.453V16.9102H180.002V25.2315H170.1Z"/> </svg> </a> <button @click="menuOpen = false, $dispatch('menu-open', { open: menuOpen })" :tabindex="!menuOpen && -1" type="button" aria-label="Close menu" class="inline-flex items-center gap-x-4 py-2 px-5 bg-black-800 rounded-full text-white font-bold focus:outline-none focus:ring-2"> <span class="sr-only">Close menu</span> <svg class="w-4 h-auto fill-current" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M1.79531 16.5352L0.195312 14.9352L6.59531 8.53516L0.195312 2.13516L1.79531 0.535156L8.19531 6.93516L14.5953 0.535156L16.1953 2.13516L9.79531 8.53516L16.1953 14.9352L14.5953 16.5352L8.19531 10.1352L1.79531 16.5352Z"/> </svg> </button> </div> <div class="md:flex-1 ~pb-4/10 ~px-4/10 md:~md/lg:~p-8/12 md:!pt-[6.75rem] flex flex-col gap-y-10 md:~md:~gap-y-5/9"> <div class="hidden md:block"> <form x-data="{ search : '' }" method="GET" action="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/search" class="relative w-full max-w-full md:w-80"> <input x-model="search" :tabindex="!menuOpen && -1" autocorrect="off" autocomplete="off" spellcheck="false" type="text" aria-label="Search..." placeholder="Search..." name="q" class="block w-full rounded-full px-6 py-3 border border-black-800 bg-white md:bg-black-100 text-black-800 text-md leading-none placeholder:text-black-800 outline-none focus-visible:bg-white focus-visible:ring-none transition-colors" required /> <div class="absolute top-1/2 right-6 -translate-y-1/2 inline-flex items-center justify-end gap-x-2"> <a x-show="search !== ''" :tabindex="!menuOpen && -1" @click="search = ''" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/" class="text-black-800 hover:text-highlight focus-visible:text-highlight transition-base cursor-pointer" aria-label="Clear search"> <svg class="fill-current" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M1.79531 16.5352L0.195312 14.9352L6.59531 8.53516L0.195312 2.13516L1.79531 0.535156L8.19531 6.93516L14.5953 0.535156L16.1953 2.13516L9.79531 8.53516L16.1953 14.9352L14.5953 16.5352L8.19531 10.1352L1.79531 16.5352Z"/> </svg> </a> <button :tabindex="!menuOpen && -1" class="hover:text-highlight focus-visible:text-highlight transition-base" aria-label="Submit Search"> <svg class="fill-current" width="18" height="19" viewBox="0 0 18 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M16.6 18.5L10.3 12.2C9.8 12.6 9.225 12.9167 8.575 13.15C7.925 13.3833 7.23333 13.5 6.5 13.5C4.68333 13.5 3.14583 12.8708 1.8875 11.6125C0.629167 10.3542 0 8.81667 0 7C0 5.18333 0.629167 3.64583 1.8875 2.3875C3.14583 1.12917 4.68333 0.5 6.5 0.5C8.31667 0.5 9.85417 1.12917 11.1125 2.3875C12.3708 3.64583 13 5.18333 13 7C13 7.73333 12.8833 8.425 12.65 9.075C12.4167 9.725 12.1 10.3 11.7 10.8L18 17.1L16.6 18.5ZM6.5 11.5C7.75 11.5 8.8125 11.0625 9.6875 10.1875C10.5625 9.3125 11 8.25 11 7C11 5.75 10.5625 4.6875 9.6875 3.8125C8.8125 2.9375 7.75 2.5 6.5 2.5C5.25 2.5 4.1875 2.9375 3.3125 3.8125C2.4375 4.6875 2 5.75 2 7C2 8.25 2.4375 9.3125 3.3125 10.1875C4.1875 11.0625 5.25 11.5 6.5 11.5Z"/> </svg> </button> </div> </form> </div> <nav up-nav="drawerMain" aria-label="Main drawer navigation"> <ul x-data="{ active: 0 }" class="flex flex-col" > <li x-data="{ id: 1, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="border-b border-black-300" > <div class="flex items-center justify-between text-left"> <a :tabindex="!menuOpen && -1" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on" class=" ~pb-5/7 ~pt-4/5"> <span class="~text-5xl/7xl font-bold LinkNav "> What’s on </span> </a> <button @click="expanded = !expanded" :tabindex="!menuOpen && -1" :aria-expanded="expanded" type="button" class="~/md:~py-4/6 grow flex justify-end group text-black-800" > <span> <svg class="~w-5/6 h-auto fill-current transition-all group-hover:fill-highlight group-focus-visible:fill-highlight" width="16" height="10" viewBox="2 4.5 15 9" fill="currentColor" xmlns="http://www.w3.org/2000/svg" x-bind:class="expanded ? 'rotate-180' : ''"> <path transform="rotate(180 9.5 9)" d="M2.131 12.146 9.5 4.75l7.369 7.396-1.308 1.312L9.5 7.375l-6.06 6.083-1.309-1.312Z"/> </svg> </span> </button> </div> <ul x-show="expanded" x-collapse class="flex flex-col gap-y-3 text-lg" > <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/exhibitions">Exhibitions</a> </li> <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/events">Events</a> </li> <li class="pb-6 "> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/workshops">Workshops</a> </li> </ul> </li> <li x-data="{ id: 2, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="border-b border-black-300" > <div class="flex items-center justify-between text-left"> <a :tabindex="!menuOpen && -1" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us" class=" ~pb-5/7 ~pt-4/5"> <span class="~text-5xl/7xl font-bold LinkNav "> Visit us </span> </a> <button @click="expanded = !expanded" :tabindex="!menuOpen && -1" :aria-expanded="expanded" type="button" class="~/md:~py-4/6 grow flex justify-end group text-black-800" > <span> <svg class="~w-5/6 h-auto fill-current transition-all group-hover:fill-highlight group-focus-visible:fill-highlight" width="16" height="10" viewBox="2 4.5 15 9" fill="currentColor" xmlns="http://www.w3.org/2000/svg" x-bind:class="expanded ? 'rotate-180' : ''"> <path transform="rotate(180 9.5 9)" d="M2.131 12.146 9.5 4.75l7.369 7.396-1.308 1.312L9.5 7.375l-6.06 6.083-1.309-1.312Z"/> </svg> </span> </button> </div> <ul x-show="expanded" x-collapse class="flex flex-col gap-y-3 text-lg" > <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us/accessibility">Accessibility</a> </li> <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us/getting-here">Getting here</a> </li> <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us/cafe-and-restaurant">Café & Restaurant</a> </li> <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us/educational-groups">Educational groups</a> </li> <li class="pb-6 "> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us/contact">Contact us</a> </li> </ul> </li> <li x-data="{ id: 3, get expanded() { return this.active === this.id }, set expanded(value) { this.active = value ? this.id : null }, }" role="region" class="border-b border-black-300" > <div class="flex items-center justify-between text-left"> <a :tabindex="!menuOpen && -1" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/donate" class=" ~pb-5/7 ~pt-4/5"> <span class="~text-5xl/7xl font-bold LinkNav "> Donate </span> </a> <button @click="expanded = !expanded" :tabindex="!menuOpen && -1" :aria-expanded="expanded" type="button" class="~/md:~py-4/6 grow flex justify-end group text-black-800" > <span> <svg class="~w-5/6 h-auto fill-current transition-all group-hover:fill-highlight group-focus-visible:fill-highlight" width="16" height="10" viewBox="2 4.5 15 9" fill="currentColor" xmlns="http://www.w3.org/2000/svg" x-bind:class="expanded ? 'rotate-180' : ''"> <path transform="rotate(180 9.5 9)" d="M2.131 12.146 9.5 4.75l7.369 7.396-1.308 1.312L9.5 7.375l-6.06 6.083-1.309-1.312Z"/> </svg> </span> </button> </div> <ul x-show="expanded" x-collapse class="flex flex-col gap-y-3 text-lg" > <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/donate/donate-as-an-individual">Donate as an individual</a> </li> <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/donate/donate-as-a-company">Donate as a company</a> </li> <li class=""> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/donate/our-supporters">Our supporters</a> </li> <li class="pb-6 "> <a class="~text-lg/2xl font-normal LinkNav " href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/donate/our-impact">Our impact</a> </li> </ul> </li> </ul> </nav> </div> <div class="bg-black-100 md:bg-white text-black-800 md:w-2/5 md:min-h-full ~px-4/10 md:~md/lg:~pl-6/10 md:pt-[6.895rem] md:pb-10 flex flex-col items-start gap-y-10 md:~md:~gap-y-8/14"> <button @click="menuOpen = false, $dispatch('menu-open', { open: menuOpen })" :tabindex="!menuOpen && -1" type="button" aria-label="Close menu" class="self-end hidden md:inline-flex items-center gap-x-4 py-2 px-5 bg-black-800 text-white hover:bg-black-100 hover:text-black-800 transition-base rounded-full font-bold focus:outline-none focus:ring-2"> <span class="sr-only">Close menu</span> <span>Close</span> <svg class="w-4.5 h-auto fill-current" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M1.79531 16.5352L0.195312 14.9352L6.59531 8.53516L0.195312 2.13516L1.79531 0.535156L8.19531 6.93516L14.5953 0.535156L16.1953 2.13516L9.79531 8.53516L16.1953 14.9352L14.5953 16.5352L8.19531 10.1352L1.79531 16.5352Z"/> </svg> </button> <nav up-nav="drawer" aria-label="Drawer navigation"> <ul class="flex flex-col ~gap-y-1/3"><li ><a class="~text-lg/xl font-bold LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/our-story" :tabindex="!menuOpen && -1">Our story</a></li><li ><a class="~text-lg/xl font-bold LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/people-and-policies" :tabindex="!menuOpen && -1">People & policies</a></li><li ><a class="~text-lg/xl font-bold LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/learning" :tabindex="!menuOpen && -1">Learning programmes</a></li><li ><a class="~text-lg/xl font-bold LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/news" :tabindex="!menuOpen && -1">News & press</a></li><li ><a class="~text-lg/xl font-bold LinkNav" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/venue-hire" :tabindex="!menuOpen && -1">Venue hire</a></li><li ><a class="~text-lg/xl font-bold LinkNav" href="https://www.downtownmelody.com/_x/c2hvcC50dXJuZXJjb250ZW1wb3Jhcnkub3Jn/" rel="noopener" :tabindex="!menuOpen && -1" target="_blank">Shop</a></li></ul> </nav> <div class="hidden md:block max-w-64 ~md:~mt-6/10"> <div class="flex flex-col items-start ~gap-y-4/6"> <img class="object-cover w-full h-full" src="https://www.downtownmelody.com/_x/dHVybmVyLWNvbnRlbXBvcmFyeS50cmFuc2Zvcm1zLnN2ZGNkbi5jb20/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=425&h=239&auto=compress%2Cformat&fit=crop&dm=1749579867&s=e5c8bf17d4c7fa81514204f7b9ac0ed2" srcset="https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=1600&h=900&auto=compress%2Cformat&fit=crop&dm=1749579867&s=a36ab94ca138f0cd656b569b491ebeb2 1600w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=1536&h=864&auto=compress%2Cformat&fit=crop&dm=1749579867&s=b1508081d8135f8033abcc488b09b5e1 1536w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=1366&h=768&auto=compress%2Cformat&fit=crop&dm=1749579867&s=dfbe681b686e9c3b466d8c0112f8af98 1366w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=1024&h=576&auto=compress%2Cformat&fit=crop&dm=1749579867&s=965a552a6fa9d1b6e2d2b36c72b1e1a8 1024w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=768&h=432&auto=compress%2Cformat&fit=crop&dm=1749579867&s=a0444a85b69038c3b35f8217dd099960 768w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=640&h=360&auto=compress%2Cformat&fit=crop&dm=1749579867&s=adf4136432a706350e55ce7781c5c578 640w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Testing/1DR-test-Images-not-full-resolution/Turner_Contemporary_gallery.jpg?w=425&h=239&auto=compress%2Cformat&fit=crop&dm=1749579867&s=e5c8bf17d4c7fa81514204f7b9ac0ed2 425w" width="1600" height="900" loading="lazy" sizes="(min-width: 48rem) 67vw, 100vw" style="object-position: 50% 50%;"> <span> <h3 class="text-base font-semibold ~mb-2.5/3.5"> Open Today 10am–5pm </h3> <div class="prose leading-[1.35rem] mb-[1.4rem] [&>p]:~my-2/3"> <p>We are open <strong>Tuesday to Sunday, 10am–5pm</strong>, and bank holidays.</p><p><a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/visit-us"><strong>Plan your visit</strong></a></p> </div> </span> </div> </div> <ul class="flex items-center gap-x-3"> <li> <a href="https://www.downtownmelody.com/_x/d3d3Lmluc3RhZ3JhbS5jb20/turnercontemporary" :tabindex="!menuOpen && -1" title="Follow Turner Contemporary on Instagram" aria-label="Goes to Turner Contemporary Instagram profile" target="_blank" rel="nofollow" class="hover:text-highlight"> <svg class="w-5 h-5 fill-current transition-base" width="46" height="47" viewBox="0 0 46 47" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.4743 0.395747C11.0271 0.510675 9.35598 0.899747 7.89491 1.47134C6.38305 2.05838 5.10136 2.84588 3.82621 4.12057C2.55125 5.39527 1.76579 6.67264 1.18082 8.18121C0.614639 9.63937 0.230922 11.3054 0.122823 13.7443C0.014723 16.1832 -0.00923529 16.9672 0.00283971 23.1885C0.014723 29.4095 0.0423231 30.1893 0.160965 32.6334C0.277882 35.0705 0.666965 36.7345 1.24101 38.1902C1.83134 39.6964 2.62101 40.9723 3.90135 42.2428C5.18148 43.5132 6.46296 44.2937 7.98096 44.8773C9.44376 45.4406 11.1168 45.8244 13.565 45.9311C16.0131 46.038 16.8011 46.0629 23.0451 46.0509C29.2893 46.0391 30.0755 46.0114 32.5286 45.8956C34.9819 45.7797 36.6436 45.3892 38.1055 44.8201C39.6176 44.231 40.8997 43.4456 42.1743 42.1701C43.449 40.8944 44.2338 39.6161 44.8182 38.1067C45.3851 36.6497 45.7702 34.9834 45.8762 32.5468C45.9836 30.1014 46.009 29.3207 45.9972 23.1006C45.9851 16.8802 45.9568 16.1003 45.8405 13.6573C45.7242 11.2142 45.3345 9.55519 44.7608 8.09855C44.1696 6.59246 43.3808 5.31738 42.1012 4.04593C40.8215 2.77447 39.537 1.99327 38.0225 1.41234C36.5584 0.848202 34.8866 0.463901 32.4383 0.358519C29.9902 0.253137 29.2023 0.225838 22.956 0.238056C16.7095 0.249893 15.9275 0.27662 13.4743 0.395747ZM13.743 41.8099C11.5005 41.7126 10.2829 41.3414 9.47136 41.031C8.39688 40.6186 7.63136 40.1201 6.82272 39.3224C6.01389 38.5247 5.51728 37.7596 5.09772 36.6916C4.78262 35.8832 4.40312 34.6718 4.29828 32.4381C4.18425 30.0241 4.16028 29.2991 4.14686 23.1828C4.13345 17.0667 4.15702 16.3426 4.26321 13.9276C4.35905 11.6958 4.73395 10.4817 5.04521 9.67373C5.45921 8.60217 5.95792 7.841 6.76062 7.03613C7.56332 6.23108 8.32922 5.73529 9.40236 5.31738C10.2131 5.0022 11.4292 4.62745 13.6708 4.52111C16.0963 4.40656 16.8231 4.38365 22.9628 4.37028C29.1024 4.35692 29.8312 4.37983 32.2576 4.48635C34.4982 4.58333 35.7179 4.95313 36.5279 5.26526C37.6028 5.67762 38.3679 6.17285 39.176 6.97391C39.9843 7.77457 40.4824 8.53478 40.9021 9.60596C41.2188 10.411 41.5952 11.622 41.701 13.8562C41.8164 16.2721 41.8427 16.9966 41.8536 23.1115C41.8648 29.2262 41.8431 29.9526 41.7367 32.3668C41.639 34.6003 41.267 35.8136 40.9547 36.6228C40.5407 37.6928 40.0419 38.4556 39.2384 39.26C38.4354 40.0646 37.6705 40.5604 36.5967 40.9782C35.7871 41.293 34.5694 41.6687 32.3299 41.7752C29.9042 41.8886 29.1774 41.9126 23.0355 41.926C16.8935 41.9393 16.1686 41.9144 13.743 41.8099ZM32.4933 10.9003C32.4942 11.4441 32.6569 11.9754 32.961 12.427C33.265 12.8786 33.6968 13.2302 34.2014 13.4374C34.7063 13.6446 35.2614 13.6981 35.7965 13.591C36.3319 13.484 36.8232 13.2212 37.2085 12.836C37.5938 12.4508 37.8558 11.9604 37.9612 11.4269C38.0668 10.8933 38.0109 10.3406 37.801 9.8387C37.5912 9.33673 37.2366 8.90804 36.7818 8.60687C36.3273 8.30569 35.7935 8.14552 35.2474 8.14665C34.5158 8.14818 33.8144 8.43911 33.2979 8.9555C32.7814 9.47187 32.492 10.1714 32.4933 10.9003ZM11.1904 23.1673C11.2033 29.6644 16.5007 34.9193 23.0219 34.907C29.5436 34.8946 34.8229 29.6185 34.8106 23.1215C34.7981 16.6245 29.4996 11.3682 22.9772 11.381C16.4547 11.3938 11.1782 16.6711 11.1904 23.1673ZM15.3333 23.1593C15.3303 21.6488 15.777 20.1716 16.617 18.9141C17.4569 17.6567 18.6523 16.6756 20.052 16.0948C21.4518 15.5141 22.993 15.3598 24.4808 15.6515C25.9685 15.9433 27.336 16.6678 28.4103 17.7337C29.4847 18.7995 30.2176 20.1587 30.5164 21.6394C30.8152 23.1202 30.6664 24.6558 30.0888 26.0524C29.5114 27.4489 28.5312 28.6435 27.2721 29.485C26.013 30.3265 24.5316 30.7775 23.0153 30.7804C22.0084 30.7825 21.011 30.587 20.0801 30.2052C19.1491 29.8234 18.3027 29.2625 17.5894 28.5547C16.876 27.8471 16.3096 27.0062 15.9225 26.0805C15.5354 25.1548 15.3352 24.162 15.3333 23.1593Z"/> </svg> </a> </li> <li> <a href="https://www.downtownmelody.com/_x/eC5jb20/TCMargate" :tabindex="!menuOpen && -1" title="Follow Turner Contemporary on Twitter" aria-label="Goes to Turner Contemporary Twitter profile" target="_blank" rel="nofollow" class="hover:text-highlight"> <svg class="w-5 h-5 fill-current transition-base" width="48" height="43" viewBox="0 0 48 43" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M37.802 0H45.162L29.082 18.2165L48 43H33.188L21.588 27.9669L8.312 43H0.948L18.148 23.5149L0 0.0019823H15.188L25.674 13.7426L37.802 0ZM35.22 38.6352H39.298L12.972 4.13686H8.596L35.22 38.6352Z"/> </svg> </a> </li> <li> <a href="https://www.downtownmelody.com/_x/d3d3LmZhY2Vib29rLmNvbQ/turnercontemporary" :tabindex="!menuOpen && -1" title="Follow Turner Contemporary on Facebook" aria-label="Goes to Turner Contemporary Facebook profile" target="_blank" rel="nofollow" class="hover:text-highlight"> <svg class="w-5 h-5 fill-current transition-base" width="48" height="48" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M18.202 47.4681V31.4493H13.254V24.0883H18.202V20.9167C18.202 12.7166 21.898 8.91669 29.918 8.91669C30.72 8.91669 31.828 9.001 32.854 9.12345C33.6225 9.20282 34.3849 9.33359 35.136 9.51489V16.1894C34.7017 16.1487 34.2661 16.1246 33.83 16.1171C33.3414 16.1044 32.8527 16.0983 32.364 16.099C30.95 16.099 29.846 16.2917 29.014 16.7193C28.4547 17.001 27.9845 17.4333 27.656 17.9679C27.14 18.811 26.908 19.9652 26.908 21.4848V24.0883H34.746L33.974 28.3098L33.4 31.4493H26.908V48C38.792 46.5587 48 36.4035 48 24.0883C48 10.7855 37.254 0 24 0C10.746 0 0 10.7855 0 24.0883C0 35.3857 7.748 44.8645 18.202 47.4681Z"/> </svg> </a> </li> <li> <a href="https://www.downtownmelody.com/_x/d3d3LnlvdXR1YmUuY29t/channel/UC46lUBP5S4Vzu6dgO6YISPg" :tabindex="!menuOpen && -1" title="Follow Turner Contemporary on YouTube" aria-label="Goes to Turner Contemporary YouTube profile" target="_blank" rel="nofollow" class="hover:text-highlight"> <svg class="w-5 h-5 fill-current transition-base" width="48" height="34" viewBox="0 0 48 34" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M46.996 5.31011C46.7248 4.28323 46.19 3.34599 45.4452 2.59225C44.7004 1.83851 43.7716 1.29474 42.752 1.01538C39.01 2.39688e-07 24 0 24 0C24 0 8.99 2.39688e-07 5.246 1.01538C4.22682 1.29523 3.29859 1.8392 2.55416 2.59289C1.80972 3.34658 1.27518 4.28356 1.004 5.31011C0 9.09817 0 17 0 17C0 17 0 24.9018 1.004 28.6899C1.27517 29.7168 1.80995 30.654 2.55478 31.4078C3.29961 32.1615 4.22836 32.7053 5.248 32.9846C8.99 34 24 34 24 34C24 34 39.01 34 42.754 32.9846C43.7737 32.7055 44.7026 32.1617 45.4474 31.408C46.1923 30.6542 46.727 29.7169 46.998 28.6899C48 24.9018 48 17 48 17C48 17 48 9.09817 46.996 5.31011ZM19.09 24.174V9.82602L31.636 17L19.09 24.174Z"/> </svg> </a> </li> <li> <a href="https://www.downtownmelody.com/_x/d3d3LnRpa3Rvay5jb20/@turnercontemporary" :tabindex="!menuOpen && -1" title="Follow Turner Contemporary on TikTok" aria-label="Goes to Turner Contemporary TikTok profile" target="_blank" rel="nofollow" class="hover:text-highlight"> <svg class="w-5 h-5 fill-current transition-base" width="42" height="48" viewBox="0 0 42 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.0584 0.0399995C24.6972 0 27.3157 0.0199997 29.9343 0C30.0955 3.05996 31.2033 6.17992 33.4594 8.3399C35.7154 10.5599 38.898 11.5799 42 11.9199V19.9797C39.0994 19.8797 36.1787 19.2798 33.5399 18.0398C32.3918 17.5198 31.3242 16.8598 30.2768 16.1798C30.2566 22.0197 30.2969 27.8596 30.2365 33.6796C30.0753 36.4795 29.1488 39.2595 27.5172 41.5595C24.8784 45.3994 20.306 47.8994 15.6127 47.9794C12.7322 48.1394 9.85175 47.3594 7.3943 45.9194C3.32541 43.5395 0.465106 39.1795 0.0421023 34.4996C0.00181628 33.4996 -0.0183267 32.4996 0.0219593 31.5196C0.384534 27.7197 2.27798 24.0797 5.21886 21.5997C8.5626 18.7198 13.2358 17.3398 17.6068 18.1598C17.6471 21.1197 17.5262 24.0797 17.5262 27.0397C15.5321 26.3997 13.1955 26.5797 11.443 27.7797C10.174 28.5996 9.20717 29.8596 8.7036 31.2796C8.2806 32.2996 8.40145 33.4196 8.4216 34.4996C8.90503 37.7795 12.0876 40.5395 15.4717 40.2395C17.7277 40.2195 19.883 38.9195 21.0513 37.0195C21.434 36.3595 21.857 35.6796 21.8771 34.8996C22.0786 31.3196 21.998 27.7597 22.0181 24.1797C22.0383 16.1198 21.998 8.0799 22.0584 0.0399995Z"/> </svg> </a> </li> </ul> </div> <div class="md:hidden sticky bottom-0 inset-x-0 z-20 bg-white border-y border-black-300 p-4"> <form x-data="{ search : '' }" method="GET" action="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/search" class="relative w-full max-w-full "> <input x-model="search" :tabindex="!menuOpen && -1" autocorrect="off" autocomplete="off" spellcheck="false" type="text" aria-label="Search..." placeholder="Search..." name="q" class="block w-full rounded-full px-6 py-3 border border-black-800 bg-transparent text-black-800 text-md leading-none placeholder:text-black-800 outline-none focus-visible:bg-white focus-visible:ring-none transition-colors" required /> <div class="absolute top-1/2 right-6 -translate-y-1/2 inline-flex items-center justify-end gap-x-2"> <a x-show="search !== ''" :tabindex="!menuOpen && -1" @click="search = ''" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/" class="text-black-800 hover:text-highlight focus-visible:text-highlight transition-base cursor-pointer" aria-label="Clear search"> <svg class="fill-current" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M1.79531 16.5352L0.195312 14.9352L6.59531 8.53516L0.195312 2.13516L1.79531 0.535156L8.19531 6.93516L14.5953 0.535156L16.1953 2.13516L9.79531 8.53516L16.1953 14.9352L14.5953 16.5352L8.19531 10.1352L1.79531 16.5352Z"/> </svg> </a> <button :tabindex="!menuOpen && -1" class="hover:text-highlight focus-visible:text-highlight transition-base" aria-label="Submit Search"> <svg class="fill-current" width="18" height="19" viewBox="0 0 18 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M16.6 18.5L10.3 12.2C9.8 12.6 9.225 12.9167 8.575 13.15C7.925 13.3833 7.23333 13.5 6.5 13.5C4.68333 13.5 3.14583 12.8708 1.8875 11.6125C0.629167 10.3542 0 8.81667 0 7C0 5.18333 0.629167 3.64583 1.8875 2.3875C3.14583 1.12917 4.68333 0.5 6.5 0.5C8.31667 0.5 9.85417 1.12917 11.1125 2.3875C12.3708 3.64583 13 5.18333 13 7C13 7.73333 12.8833 8.425 12.65 9.075C12.4167 9.725 12.1 10.3 11.7 10.8L18 17.1L16.6 18.5ZM6.5 11.5C7.75 11.5 8.8125 11.0625 9.6875 10.1875C10.5625 9.3125 11 8.25 11 7C11 5.75 10.5625 4.6875 9.6875 3.8125C8.8125 2.9375 7.75 2.5 6.5 2.5C5.25 2.5 4.1875 2.9375 3.3125 3.8125C2.4375 4.6875 2 5.75 2 7C2 8.25 2.4375 9.3125 3.3125 10.1875C4.1875 11.0625 5.25 11.5 6.5 11.5Z"/> </svg> </button> </div> </form> </div> </div> </header> <main id="main"> <div class="relative z-0 flex flex-col ~gap-8/12 justify-end bg-[var(--bg-color)] text-[var(--text-color)]" style="--bg-color: var(--token-header-bg-color); --text-color: var(--token-header-text-color);"> <div class="container"> <div class="~pt-8/14"> <h1 class="sr-only">Turner</h1> <svg class="fill-[var(--token-header-logo-color)] h-[3.75rem] w-[14rem] lg:~h-[7rem]/[9.6rem] lg:~w-[25rem]/[35rem]" width="180" height="50" viewBox="0 0 180 50" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.785 9.41566V48.7964H12.5656V9.41566H0V0.905273H35.3536V9.41566H22.785Z"/> <path d="M51.2175 35.3305V16.9102H60.8642V35.6477C60.8642 43.8409 54.6454 49.5582 46.0774 49.5582C37.5094 49.5582 31.2266 43.8409 31.2266 35.5836V16.9102H40.8732V35.3305C40.8732 39.078 42.7775 41.3009 46.0774 41.3009C49.3772 41.3009 51.2175 39.078 51.2175 35.3305Z"/> <path d="M75.463 25.2315V48.7959H65.8164V16.9102H85.3656V25.2315H75.463Z"/> <path d="M104.977 24.7713C101.421 24.7713 99.2638 27.5034 99.2638 31.2509V48.7809H89.6172V16.8951H99.2638V20.5786C101.168 18.1026 104.34 16.1328 108.53 16.1328C115.574 16.1328 119.953 20.8957 119.953 27.8205V48.7809H110.306V30.4886C110.306 27.1863 108.402 24.7713 104.974 24.7713H104.977Z"/> <path d="M148.255 37.0311L155.047 41.733C152 46.752 146.732 49.5451 140.574 49.5451C131.561 49.5451 123.883 42.4313 123.883 32.8415C123.883 23.2517 131.561 16.1348 140.321 16.1348C150.729 16.1348 156.887 24.3921 156.25 35.4455H132.832C133.782 39.3851 136.893 41.669 140.574 41.669C144.255 41.669 146.415 39.8913 148.255 37.0311ZM133.149 29.408H147.113C146.668 26.6759 144.511 23.9469 140.385 23.9469C137.149 23.9469 134.291 25.9807 133.149 29.408Z"/> <path d="M170.1 25.2315V48.7959H160.453V16.9102H180.002V25.2315H170.1Z"/> </svg> </div> </div> <div class="relative grid "> <!-- Dimensions element --> <div class="relative col-span-full row-span-full grid"> <div class="overflow-hidden min-h-[calc(100vh-15rem)] md:min-h-0 md:max-h-[calc(100vh-15em)]"> <div class="md:aspect-w-5 md:aspect-h-3"></div> </div> </div> <!-- Background element --> <div class="relative col-span-full row-span-full grid"> <div x-data="html5Video()"> <video class="object-cover h-full w-full" autoplay playsinline muted loop > <source type="video/mp4" src="https://servd-turner-contemporary.b-cdn.net/production/uploads/Video-mp4s/June-25/Turner-visit-us-mobile-june-26.mp4" media="(min-width: 64rem)"> <source type="video/mp4" src="https://servd-turner-contemporary.b-cdn.net/production/uploads/Video-mp4s/June-25/Turner-home-mobile_1.mp4"> Your browser does not support the video tag. </video> </div> </div> <!-- Foreground element --> <div class="relative col-span-full row-span-full grid"> <div class="absolute inset-0" style="background: linear-gradient(224.3deg, rgba(0, 0, 0, 0) 27.72%, rgba(0, 0, 0, 0.6) 95.83%);"></div> <div class="absolute inset-0 flex flex-col justify-end ~gap-2/4 text-white z-20 pt-12 pb-12 md:~pb-20/25 ~px-4/10"> <div class="font-bold max-w-[50rem] text-6xl md:~text-8xl/9xl">Be inspired, <br /> by the sea.</div> <div class="not-prose flex flex-col items-start gap-2.5 mt-8"> <a class="ButtonCta ButtonCta--primary ButtonCta--regular" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on"> <span class="ButtonCta-inner"> <span class="ButtonCta-text">See what's on</span> </span> </a> </div> </div> </div> </div> </div> <div class="flex flex-col ~py-10/25" id="content"> <div class="layout-grid"> <div class="col-span-full lg:col-start-12 lg:col-span-12"> <div class="lg:px-10 prose prose-intro"> <p><strong>Based in Margate, we present an ever-changing programme of free exhibitions by international artists exploring current issues and ideas. Offering art, events, and workshops to inspire everyone.</strong></p> <div class="not-prose flex flex-col items-start gap-2.5"> <a class="ButtonCta ButtonCta--primary ButtonCta--regular" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/our-story"> <span class="ButtonCta-inner"> <span class="ButtonCta-text">Read our story</span> </span> </a> </div> </div> </div> </div> <hr role="presentation" class="text-transparent pt-0 !~mt-20/25" /> <div class="container overflow-hidden"> <div class="~-mr-4/10 flex flex-col ~gap-y-6/8 relative"> <div x-load x-data="slideshow({ spaceBetween: 22, slidesPerView: 'auto', breakpoints: { 1024: { slidesOffsetAfter: 0, spaceBetween: 32, } } })" class="flex w-full flex-col" > <div tabindex="0" x-ref="swiper" role="region" aria-labelledby="carousel-label" class="flex ~pr-4/10" > <ul x-ref="slider" tabindex="0" role="listbox" aria-labelledby="carousel-content-label" class="swiper-wrapper h-auto" > <li class="swiper-slide w-[87vw] shallow:max-w-[500px] max-w-[545px] flex flex-col items-stretch bg-black-100" role="option"> <div class="relative grid overflow-hidden h-full"> <!-- Dimensions element --> <div class="relative col-span-full row-span-full grid"> <div class="aspect-w-3 aspect-h-4"></div> </div> <!-- Background element --> <div class="relative col-span-full row-span-full grid"> <div class="absolute inset-0 z-0"> <img class="object-cover w-full h-full" src="https://www.downtownmelody.com/_x/dHVybmVyLWNvbnRlbXBvcmFyeS50cmFuc2Zvcm1zLnN2ZGNkbi5jb20/production/uploads/Exhibitions/Anna-Boghiguian/Website.jpg?w=425&h=566&auto=compress%2Cformat&fit=crop&crop=focalpoint&fp-x=0.8538&fp-y=0.4114&dm=1749579748&s=572a9c40a35e8a8a5891c3c36e3b19b8" srcset="https://turner-contemporary.transforms.svdcdn.com/production/uploads/Exhibitions/Anna-Boghiguian/Website.jpg?w=1024&h=1365&auto=compress%2Cformat&fit=crop&crop=focalpoint&fp-x=0.8538&fp-y=0.4114&dm=1749579748&s=887845857a9a77273fa92fa4a0161b74 1024w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Exhibitions/Anna-Boghiguian/Website.jpg?w=768&h=1024&auto=compress%2Cformat&fit=crop&crop=focalpoint&fp-x=0.8538&fp-y=0.4114&dm=1749579748&s=c939858e9c414cf564619302faab2906 768w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Exhibitions/Anna-Boghiguian/Website.jpg?w=640&h=853&auto=compress%2Cformat&fit=crop&crop=focalpoint&fp-x=0.8538&fp-y=0.4114&dm=1749579748&s=d194adca6d69c6133dd582164aa57761 640w,https://turner-contemporary.transforms.svdcdn.com/production/uploads/Exhibitions/Anna-Boghiguian/Website.jpg?w=425&h=566&auto=compress%2Cformat&fit=crop&crop=focalpoint&fp-x=0.8538&fp-y=0.4114&dm=1749579748&s=572a9c40a35e8a8a5891c3c36e3b19b8 425w" width="1024" height="1365" loading="lazy" sizes="(min-width: 40rem) 545px, 87vw" style="object-position: 85.38% 41.14%;"> </div> <div class="absolute index-0 z-0" style="background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 77.94%); top: -34%; right: -0.07%; bottom: -5.66%; left: -0.4%;"></div> </div> <!-- Foreground element --> <div class="relative col-span-full row-span-full grid"> <div class="flex flex-col justify-end"> <div class="text-white"> <div class="p-6 pb-8 lg:pt-6 lg:pb-12 lg:px-10 min-w-sm flex flex-col items-start"> <a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/exhibition" class="~text-xl/3xl text-white LinkNav" style="--text-color:var(--white);">Exhibition</a> <a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/exhibitions/the-sunken-boat-a-glimpse-into-past-histories" class="LinkNav" style="--text-color:var(--white);"> <h3 class="~text-3xl/5xl ~mb-2/4">The Sunken Boat: A glimpse into past histories</h3> </a> <div class="~mb-5/6 flex flex-col text-xl lg:text-3xl"> <div>Sat 14 Jun–Sun 26 Oct 2025</div> <div>Free entry</div> </div> <p class="~mb-5/10 max-w-[44ch] text-base">Join us this summer to discover The Sunken Boat: A glimpse into past histories, an exhibition by Anna Boghiguian, which will explore global maritime histories and today’s environmental and geopolitical crises.</p> <a href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/exhibitions/the-sunken-boat-a-glimpse-into-past-histories" class="ButtonCta ButtonCta--white ButtonCta--large"> <span class="ButtonCta-inner"> <span class="ButtonCta-text">View exhibition</span> </span> </a> </div> </div> </div> </div> </div> </li> <li class="swiper-slide w-[87vw] shallow:max-w-[400px] max-w-[452px] flex flex-col items-start bg-black-100" role="option"> <a tabindex="-1" href="https://www.downtownmelody.com/_x/dHVybmVyY29udGVtcG9yYXJ5Lm9yZw/whats-on/exhibitions/simone-leigh-recent-sculptures" title="Simone Leigh: Recent Sculptures" class="w-full">