How many landmarks can you recognise in these logos?

[]

Everything has a brand these days, and cities are no exception. Destinations big and small use logos to promote themselves on the world stage. But for many, their most famous symbol is not a relatively ephemeral logo, but a landmark.

Designers know this, hence famous landmarks often make their way into official city logos. But one graphic designer has decided that every city needs a logo based on its most distinctive site and he’s developed a whole series of type-based logos from the shapes of the landmarks themselves.

Some of the famous buildings he’s used are instantly recognisable and help decipher the text if it’s not immediately readable, but others are less known. Either way, the results are great to look at (see our guide to how to design a logo for tips for your own work). How many landmarks do you recognise?

{ var componentContainer = document.querySelector(“#slice-container-imageGallery-block-3”); if(componentContainer) { var data = {“galleryData”:[{“title”:””,”description”:[],”image”:{“id”:”dpeRQfGi58e8BxaVci2rAc”,”name”:”New York.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/dpeRQfGi58e8BxaVci2rAc.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”AdJpEeo8gZA9dTKkcgjYrJ”,”name”:”Paris.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/AdJpEeo8gZA9dTKkcgjYrJ.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”JKbfqKyGiJbdu9bWzs73gF”,”name”:”Sanaa.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/JKbfqKyGiJbdu9bWzs73gF.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”A4LWjZLs35ofPeZD4TMHmF”,”name”:”Dubai.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/A4LWjZLs35ofPeZD4TMHmF.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”CVaRCArq7LPdPJd2ErsVzF”,”name”:”Mecca.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/CVaRCArq7LPdPJd2ErsVzF.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”UhKwE7Sqan2S23henjVaXJ”,”name”:”Bagdhad.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/UhKwE7Sqan2S23henjVaXJ.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”rcnVyJiSUCFp39tXVvBcVG”,”name”:”Caracas.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/rcnVyJiSUCFp39tXVvBcVG.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”zJXsbKbWDhG5RDPTnBjveJ”,”name”:”Agra.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/zJXsbKbWDhG5RDPTnBjveJ.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”JY6VKgBbCtwLLp24jdzMjG”,”name”:”Moscow.jpg”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/JY6VKgBbCtwLLp24jdzMjG.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”njPWPhFExE5T2qTyaKfAoG”,”name”:”Giza.jpg”,”caption”:”How many of the landmarks can you recognise in these logo designs?”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/njPWPhFExE5T2qTyaKfAoG.jpg”,”alt”:”landmark logos”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}}]}; var imageGallery;(()=>{var e={39:(e,t)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.isMOSImage=void 0,t.isMOSImage=e=>”object”==typeof e&&e.origin?(0,t.isMOSImage)(e.origin):”string”==typeof e&&e.includes(“.mos.cms.futurecdn.net”)},6216:(e,t)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.SIZES=t.SRCSETSIZES=t.MISSING_IMAGE=t.RESPONSIFY_TYPE=t.MOS_REGEX=void 0,t.MOS_REGEX=”(?[/a-z0-9]{0,})(?-[0-9]{0,5})?(?-[0-9]{2})?.(?png|jpg|jpeg|gif)(?.webp)?”,t.RESPONSIFY_TYPE=”lazy”,t.MISSING_IMAGE=”/media/img/missing-image.svg”,t.SRCSETSIZES=[320,640,720,1280],t.SIZES={default:”99vw”}},2650:(e,t,n)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.setImagesSizesAttr=t.getImageSizes=t.getSizedImage=void 0;const r=n(6470),i=n(6216),o=n(9800);t.getSizedImage=(e,t,n=!1,r=80)=>{var a,s;const c=n?”.webp”:””,l=(0,o.getURLObject)(e),u=new RegExp(i.MOS_REGEX,”i”),d=l.pathname.match(u);let f=””;l.pathname&&d&&(f=`${null===(a=null==d?void 0:d.groups)||void 0===a?void 0:a.id}-${t}-${r}.${null===(s=null==d?void 0:d.groups)||void 0===s?void 0:s.ext}${c}`);let p=””;return l.protocol&&l.host&&(p=`${l.protocol}//${l.host}`),p+f},t.getImageSizes=e=>{let t=””,n=””;return Object.entries(e).forEach((e=>{const[r,i]=e;”default”===r?n=i:t=`${t}(min-width: ${r}) ${i}, `})),t=`${t}${n}`,t};const a=e=>{const t=e.parentElement;return t?”picture”===t.tagName.toLowerCase()&&t.parentElement||t:e},s=e=>new Promise((t=>{const n=e.offsetWidth;t(n<1?s(a(e)):n)})),c=e=>{e.forEach((e=>{const t=a(e);s(t).then((t=>{((e,t)=>{e.setAttribute(“sizes”,`${t}px`),e.classList.add(“manual-image-sizes”)})(e,t)})).catch((e=>console.log(e)))}))},l=()=>{const e=document.querySelectorAll(“.manual-image-sizes”);e.length>0&&c(e);const t=document.querySelectorAll(‘[sizes=”99vw”]’);t.length>0&&c(t),window.addEventListener(“resize”,(0,r.debounce)(l,200))};t.setImagesSizesAttr=()=>{setTimeout(l,200)}},185:(e,t,n)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.getImageType=t.getFileExtension=void 0;const r=n(6216),i=n(9800);t.getFileExtension=e=>{var t;const n=new RegExp(r.MOS_REGEX,”i”),o=(0,i.getURLObject)(e).pathname.match(n);return(null===(t=null==o?void 0:o.groups)||void 0===t?void 0:t.ext)||””},t.getImageType=e=>{let n=(0,t.getFileExtension)(e);return”jpg”===n&&(n=”jpeg”),`image/${n}`}},872:function(e,t,n){“use strict”;var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__exportStar||function(e,t){for(var n in e)”default”===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,”__esModule”,{value:!0}),i(n(2650),t),i(n(185),t),i(n(39),t),i(n(9800),t),i(n(7754),t),i(n(5209),t),i(n(8779),t)},9800:(e,t)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.getURLObject=t.removeSpaces=void 0,t.removeSpaces=e=>e.replace(” “,”%20”),t.getURLObject=e=>”string”==typeof e?new URL((0,t.removeSpaces)(e)):e},7754:(e,t,n)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.getOriginalURL=void 0;const r=n(6216),i=n(9800);t.getOriginalURL=e=>{const t=(0,i.getURLObject)(e),n=new RegExp(r.MOS_REGEX,”i”),o=t.pathname.match(n);let a=””;t.pathname&&(null==o?void 0:o.groups)&&(a=`${o.groups.id}.${o.groups.ext}`);let s=””;return t.protocol&&t.host&&(s=`${t.protocol}//${t.host}`),s+a}},8779:function(e,t,n){“use strict”;var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,”default”,{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)”default”!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return i(t,e),t};Object.defineProperty(t,”__esModule”,{value:!0}),t.ResponsiveImage=void 0;const a=o(n(6651)),s=n(2650),c=n(5209),l=n(39),u=n(185),d=n(6216),f=n(6470),p=n(7754);t.ResponsiveImage=e=>{const t=(0,a.useRef)(null),{src:n,alt:r=””,className:i=””,attributes:o={},srcSetSizes:g=d.SRCSETSIZES,sizes:m=d.SIZES,missingImageSrc:h=null,eager:v=!1,onLoad:y=(()=>{}),setImageRef:S=(e=>{})}=e,[b,w]=(0,a.useState)(i),[E,x]=(0,a.useState)(!1),_=h||(0,f.getMissingImageURL)(),O=()=>{w((e=>`${e} loaded`)),y()};if(!(0,l.isMOSImage)(n))return a.default.createElement(“img”,{key:`nomosimage ${n} ${r}`,src:n,alt:r,onLoad:O,className:b,…o});const M=(0,s.getSizedImage)(n,Math.min(…g),!0),I={src:_||M,dataSrcSet:(0,c.getSrcSet)(n,g,!1),dataSrcSetWebp:(0,c.getSrcSet)(n,g,!0),imageSizes:(0,s.getImageSizes)(m),loading:v?”eager”:”lazy”,onError:e=>{var t,n;E||(“undefined”!=typeof window&&((null===(t=null==e?void 0:e.currentTarget)||void 0===t?void 0:t.parentNode)&&!(null===(n=null==e?void 0:e.currentTarget)||void 0===n?void 0:n.src.includes(“missing-image.svg”))&&(0,f.getWindowMissingImage)()?e.currentTarget.parentNode.replaceChild((0,f.getWindowMissingImage)(),e.currentTarget):e.currentTarget.src=h||d.MISSING_IMAGE),x(!0))},”data-normal”:_,”data-original-mos”:(0,p.getOriginalURL)(n),”data-pin-media”:(0,p.getOriginalURL)(n),”data-pin-nopin”:!0,…o},{src:j,dataSrcSet:N,dataSrcSetWebp:L,imageSizes:T,…P}=I;return a.default.createElement(“picture”,{ref:e=>{t.current=e}},a.default.createElement(“source”,{className:i,type:”image/webp”,srcSet:L,sizes:T,…P}),a.default.createElement(“source”,{className:i,type:(0,u.getImageType)(n),srcSet:N,sizes:T,…P}),a.default.createElement(“img”,{key:`image ${j} ${r}`,src:j,alt:r,srcSet:N,sizes:T,className:b,ref:e=>{e&&S(e)},onLoad:O,…P}))}},5209:(e,t,n)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.getSrcSet=void 0;const r=n(2650);t.getSrcSet=(e,t,n)=>{let i=””;return t.forEach(((o,a)=>{const s=t.length!==a+1?”, “:””;i=`${i}${(0,r.getSizedImage)(e,o,n)} ${o}w${s}`})),i}},6470:(e,t,n)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.getMissingImageURL=t.debounce=t.getWindowMissingImage=t.getFFTE=void 0;const r=n(6216);t.getFFTE=(e=null)=>”undefined”==typeof window?null:window.ffte?e?window.ffte[e]:window.ffte:null,t.getWindowMissingImage=()=>window.missingImage,t.debounce=(e,t)=>{let n;return function r(){const i=r,o=arguments,a=()=>{e.apply(i,o)};clearTimeout(n),n=window.setTimeout(a,t)}},t.getMissingImageURL=()=>”undefined”!=typeof window&&(0,t.getFFTE)(“staticHost”)?`https://${(0,t.getFFTE)(“staticHost”)}${r.MISSING_IMAGE}`:r.MISSING_IMAGE},1737:(e,t,n)=>{“use strict”;function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){return i=”function”==typeof Symbol&&”symbol”==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&”function”==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?”symbol”:typeof e},i(e)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);nR});var l=n(6651),u=n.n(l),d=n(7314),f=n(3279),p=n.n(f);const g=function(){return u().createElement(“svg”,{xmlns:”http://www.w3.org/2000/svg”,viewBox:”0 0 32 32″,width:”32″,height:”32″},u().createElement(“path”,{d:”M4.2 0l25.6 16.011L4.2 32V0z”}))},m=function(){return u().createElement(“svg”,{xmlns:”http://www.w3.org/2000/svg”,width:”32″,height:”32″,viewBox:”0 0 32 32″},u().createElement(“path”,{d:”M31.557 12.067L31.773 0 19.791.213l.05 3.216 6.225-.115-7.347 7.39 2.422 2.434 7.34-7.382-.108 6.213 3.184.098zM.215 19.903L0 31.97l11.984-.213-.05-3.217-6.225.113 7.348-7.388-2.42-2.436-7.34 7.383L3.402 20l-3.187-.098zM20.004 31.704L32 32.001l-.293-12.059-3.195.03.154 6.263-7.396-7.44-2.407 2.42 7.389 7.43-6.174-.148-.074 3.207zM12.213.33L.22.034l.293 12.059 3.195-.032-.152-6.26 7.394 7.438 2.404-2.418L5.967 3.39l6.174.15.072-3.209z”}))},h=function(){return u().createElement(“svg”,{xmlns:”http://www.w3.org/2000/svg”,width:”14″,height:”14″,viewBox:”0 0 14 14″,overflow:”visible”},u().createElement(“path”,{d:”M14 11.2L9.8 7l4.199-4.2-2.8-2.8L7 4.2 2.8 0 .002 2.8l4.2 4.2L0 11.2 2.8 14 7 9.8l4.2 4.2z”}))},v=function(){return u().createElement(“svg”,{xmlns:”http://www.w3.org/2000/svg”,viewBox:”0 0 32 32″,width:”32″,height:”32″},u().createElement(“path”,{d:”M32 31.955H0V0h12.409v4H4v23.955h24v-8.76h4z”}),u().createElement(“path”,{d:”M32 13.259V0H18.837l-.024 3.656 6.916-.014-11.197 11.306 2.66 2.675 11.19-11.3.024 6.927 3.594.009z”}))};var y=n(872);const S=function(e){var t=e.src,n=e.width,r=e.height;return u().createElement(“div”,{itemScope:!0,itemType:”https://schema.org/ImageObject”},u().createElement(“meta”,{itemProp:”url”,content:t}),n&&u().createElement(“meta”,{itemProp:”width”,content:n.toString()}),r&&u().createElement(“meta”,{itemProp:”height”,content:r.toString()}))};var b=[“children”,”as”,”keepRender”,”root”,”rootMargin”,”threshold”,”sendIsShow”];const w=function(e){var t=e.children,n=(e.as,e.keepRender),r=void 0===n||n,i=e.root,o=e.rootMargin,a=e.threshold,s=e.sendIsShow,d=(function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}}(e,b),c((0,l.useState)(!1),2)),f=d[0],p=d[1],g=(0,l.useRef)(null);return(0,l.useEffect)((function(){if(“undefined”!=typeof IntersectionObserver){var e=new IntersectionObserver((function(e,t){e.forEach((function(e){e.isIntersecting?(p(!0),r&&g.current&&t.unobserve(g.current)):p(!1)}))}),{root:i,rootMargin:o,threshold:a});return g.current&&e.observe(g.current),function(){return e.disconnect()}}return function(){}}),[]),(0,l.useEffect)((function(){s&&s(f)}),[f]),u().createElement(u().Fragment,null,!f&&u().createElement(“div”,{className:”lazy-observed”,ref:function(e){e&&(g.current=e)}}),f&&t)},E=function(e){var t=e.src,n=e.alt,r=e.width,i=e.height,o=e.lazyLoading,a=e.eager,s=e.missingImageSrc,c=e.className,l=e.addSEOMetaData,d=e.srcSetSizes,f=e.sizes,p=e.onLoad,g=c?””.concat(c,” image__image”):”image__image”,m=u().createElement(u().Fragment,null,u().createElement(y.ResponsiveImage,{src:t,alt:n,eager:a,className:g,missingImageSrc:s,srcSetSizes:d,sizes:f,onLoad:p}),l&&u().createElement(S,{src:t,width:r,height:i}));return o?u().createElement(w,{threshold:[0],rootMargin:”1200px”},m):u().createElement(u().Fragment,null,m)};function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t=n-1?n-1:e)}),h=(0,l.useRef)();(0,l.useEffect)((function(){var e=function(e){var t=e.target;[“.expanded-slide__inner-wrap”,”.arrows__arrows-inner”].some((function(e){return t.closest(e)}))||a(!1)},t=function(e){“Escape”===e.key&&a(!1)};return h.current&&h.current.addEventListener(“click”,e),document.addEventListener(“keydown”,t),function(){var n;document.removeEventListener(“keydown”,t),null===(n=h.current)||void 0===n||n.removeEventListener(“click”,e)}}),[]);var v=r.map((function(e){var t;return function(e){if(!e)return[];var t=e.match(/(https://[-a-zA-Z0-9@:%._+~#=]{1,256}/[-a-zA-Z0-9]{1,100})((.[a-z]{0,5}.[a-z]{0,5})|(.[a-z]{0,5}))/);return t?[“”.concat(t[1],”-“).concat(100*Math.ceil(window.innerWidth/100),”-80″).concat(t[2]),e]:[e,e]}(null===(t=e.image)||void 0===t?void 0:t.src)})),y=r.map((function(e,t){var n,i,o;return u().createElement(u().Fragment,null,u().createElement(O,{key:”ig-expanded “.concat(null===(n=e.image)||void 0===n?void 0:n.id,” “).concat(e.image.src,” “).concat(null===(i=e.image)||void 0===i?void 0:i.height,” “).concat(null===(o=e.image)||void 0===o?void 0:o.name,” “).concat(e.title,” “).concat(e.description),gallerySlide:e,imageURLs:v[t],length:r.length,currentSlide:f,setExpanded:a}))}));return u().createElement(“div”,{className:”expanded-images”,ref:function(e){h.current=e}},u().createElement(“div”,{className:”expanded-images__arrows”},u().createElement(“div”,{className:”arrows__arrows-inner”},u().createElement(“div”,{className:”arrows__left “.concat(0===f?”disable”:””),onClick:function(){return m(f-1)}},u().createElement(g,null)),u().createElement(“div”,{className:”arrows__right “.concat(f===r.length-1?”disable”:””),onClick:function(){return m(f+1)}},u().createElement(g,null)))),void 0!==(“undefined”==typeof window?”undefined”:i(window))&&u().createElement(u().Fragment,null,u().createElement(d.ZP,{className:”expanded-images__items”,enableMouseEvents:!0,resistance:!0,disableLazyLoading:!0,onChangeIndex:function(e){return m(e)},index:f},y)))},I=function(e,t){return”_blank”===e&&t?””.concat(t,” noreferrer noopener”):”_blank”!==e||t?t:”noreferrer noopener”},j=function(e){var t=e.href,n=e.target,r=e.rel,i=e.classname,o=e.text,a=e.ariaLabel,s=e.children;return s?u().createElement(“a”,{href:t,target:n||”_self”,rel:I(n,r),className:”link “.concat(i||””),”aria-label”:a},s):u().createElement(“a”,{href:t,target:n||”_self”,rel:I(n,r),className:”link “.concat(i||””),dangerouslySetInnerHTML:{__html:o},”aria-label”:a})},N=function(e){var t=e.caption,n=e.credit;return u().createElement(“figcaption”,{className:”caption-credit__figcaption”},t&&u().createElement(“span”,{className:”caption-credit__caption”},t,” “),n&&u().createElement(“span”,{className:”caption-credit__credit”,itemProp:”copyrightHolder”},”(Image credit: “,n,”)”))};var L=function(e){var t=e.src,n=e.alt,r=e.caption,i=e.credit,o=e.width,a=e.height,s=e.lazyLoading,c=e.eager,l=e.onLoad,d=e.imageEndorsement,f=e.missingImageSrc,p=e.className,g=e.addSEOMetaData,m=e.srcSetSizes,h=e.sizes,v=e.noCredit,y=e.removeNativeWidthRestriction,S=e.setImageWidthsetterRef,b=e.setImageAspectPaddingRef,w={paddingBottom:””.concat(function(e,t){if(!e||!t)return 56.25;var n=t/e*100;return n>150?150:n}(o,a),”%”)},x={maxWidth:o?””.concat(o,”px”):”none”},_=””.concat(p,” image-wrapped__image”);return u().createElement(“figure”,{className:”image-wrapped__wrapper”,”data-bordeaux-image-check”:!0},u().createElement(“div”,{className:”image-wrapped__widthsetter”,style:y?{}:x,ref:function(e){e&&S&&S(e)}},u().createElement(“div”,{className:”image-wrapped__aspect-padding”,style:w,ref:function(e){e&&b&&b(e)}},d&&u().createElement(E,{src:d.src,alt:”endorsement “.concat(d.alt),lazyLoading:s,eager:c,onLoad:l,className:”img__endorsement “.concat(function(e){switch(e){case”top-left”:return”img__endorsement–top-left”;case”top-right”:return”img__endorsement–top-right”;case”bottom-left”:return”img__endorsement–bottom-left”;default:return”img__endorsement–bottom-right”}}(d.position)),missingImageSrc:f}),u().createElement(E,{src:t,alt:n,width:o,height:a,lazyLoading:s,eager:c,onLoad:l,missingImageSrc:f,className:_,addSEOMetaData:g,srcSetSizes:m,sizes:h}))),!v&&u().createElement(N,{caption:r,credit:i}))};const T=function(e){var t=e.src,n=e.alt,r=e.caption,i=e.credit,o=e.width,a=e.height,s=e.lazyLoading,c=e.eager,l=e.onLoad,d=e.imageEndorsement,f=e.missingImageSrc,p=e.link,g={src:t,alt:n,caption:r,credit:i,width:o,height:a,lazyLoading:s,eager:c,onLoad:l,imageEndorsement:d,missingImageSrc:f,link:p,className:e.className,addSEOMetaData:e.addSEOMetaData,srcSetSizes:e.srcSetSizes,sizes:e.sizes,noCredit:e.noCredit,removeNativeWidthRestriction:e.removeNativeWidthRestriction,setImageWidthsetterRef:e.setImageWidthsetterRef,setImageAspectPaddingRef:e.setImageAspectPaddingRef};return p?u().createElement(j,p,u().createElement(L,g)):u().createElement(L,g)};function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}const R=function(e){var t=e.galleryData,n=c((0,l.useState)(0),2),o=n[0],a=n[1],f=c((0,l.useState)(!1),2),h=f[0],v=f[1],y=c((0,l.useState)(!1),2),S=y[0],b=y[1],w=(0,l.useRef)(),E=(0,l.useRef)(null),x=(0,l.useRef)(t.map((function(){return null}))),_=(0,l.useRef)(t.map((function(){return null}))),O=function(e){return function(t){if(_.current.length){var n=s(_.current);n[e]=t,_.current=n}}},I=function(){var e=0;_.current.forEach((function(t){if(t){var n=t.offsetHeight;e=t-1?t-1:n)}}(a,t.length);(0,l.useEffect)((function(){!function(){if(w.current&&_.current){var e=_.current[0];e&&(w.current.style.height=””.concat(e.offsetHeight,”px”),w.current.classList.add(“show”))}}()}),[]),(0,l.useEffect)((function(){window.addEventListener(“resize”,p()(j,300))}),[]);var L=t.map((function(e,n){var i,a=e.title,c=e.description,l=e.image,d=function(e){for(var t=1;t{var r=n(5639).Symbol;e.exports=r},4239:(e,t,n)=>{var r=n(2705),i=n(9607),o=n(2333),a=r?r.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?”[object Undefined]”:”[object Null]”:a&&a in Object(e)?i(e):o(e)}},7561:(e,t,n)=>{var r=n(7990),i=/^s+/;e.exports=function(e){return e?e.slice(0,r(e)+1).replace(i,””):e}},1957:(e,t,n)=>{var r=”object”==typeof n.g&&n.g&&n.g.Object===Object&&n.g;e.exports=r},9607:(e,t,n)=>{var r=n(2705),i=Object.prototype,o=i.hasOwnProperty,a=i.toString,s=r?r.toStringTag:void 0;e.exports=function(e){var t=o.call(e,s),n=e[s];try{e[s]=void 0;var r=!0}catch(e){}var i=a.call(e);return r&&(t?e[s]=n:delete e[s]),i}},2333:e=>{var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},5639:(e,t,n)=>{var r=n(1957),i=”object”==typeof self&&self&&self.Object===Object&&self,o=r||i||Function(“return this”)();e.exports=o},7990:e=>{var t=/s/;e.exports=function(e){for(var n=e.length;n–&&t.test(e.charAt(n)););return n}},3279:(e,t,n)=>{var r=n(3218),i=n(7771),o=n(4841),a=Math.max,s=Math.min;e.exports=function(e,t,n){var c,l,u,d,f,p,g=0,m=!1,h=!1,v=!0;if(“function”!=typeof e)throw new TypeError(“Expected a function”);function y(t){var n=c,r=l;return c=l=void 0,g=t,d=e.apply(r,n)}function S(e){return g=e,f=setTimeout(w,t),m?y(e):d}function b(e){var n=e-p;return void 0===p||n>=t||n<0||h&&e-g>=u}function w(){var e=i();if(b(e))return E(e);f=setTimeout(w,function(e){var n=t-(e-p);return h?s(n,u-(e-g)):n}(e))}function E(e){return f=void 0,v&&c?y(e):(c=l=void 0,d)}function x(){var e=i(),n=b(e);if(c=arguments,l=this,p=e,n){if(void 0===f)return S(p);if(h)return clearTimeout(f),f=setTimeout(w,t),y(p)}return void 0===f&&(f=setTimeout(w,t)),d}return t=o(t)||0,r(n)&&(m=!!n.leading,u=(h=”maxWait”in n)?a(o(n.maxWait)||0,t):u,v=”trailing”in n?!!n.trailing:v),x.cancel=function(){void 0!==f&&clearTimeout(f),g=0,c=p=l=f=void 0},x.flush=function(){return void 0===f?d:E(i())},x}},3218:e=>{e.exports=function(e){var t=typeof e;return null!=e&&(“object”==t||”function”==t)}},7005:e=>{e.exports=function(e){return null!=e&&”object”==typeof e}},3448:(e,t,n)=>{var r=n(4239),i=n(7005);e.exports=function(e){return”symbol”==typeof e||i(e)&&”[object Symbol]”==r(e)}},7771:(e,t,n)=>{var r=n(5639);e.exports=function(){return r.Date.now()}},4841:(e,t,n)=>{var r=n(7561),i=n(3218),o=n(3448),a=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt;e.exports=function(e){if(“number”==typeof e)return e;if(o(e))return NaN;if(i(e)){var t=”function”==typeof e.valueOf?e.valueOf():e;e=i(t)?t+””:t}if(“string”!=typeof e)return 0===e?e:+e;e=r(e);var n=s.test(e);return n||c.test(e)?l(e.slice(2),n?2:8):a.test(e)?NaN:+e}},2703:(e,t,n)=>{“use strict”;var r=n(414);function i(){}function o(){}o.resetWarningCache=i,e.exports=function(){function e(e,t,n,i,o,a){if(a!==r){var s=new Error(“Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types”);throw s.name=”Invariant Violation”,s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:i};return n.PropTypes=n,n}},5697:(e,t,n)=>{e.exports=n(2703)()},414:e=>{“use strict”;e.exports=”SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED”},7714:(e,t,n)=>{“use strict”;var r=n(4879);Object.defineProperty(t,”__esModule”,{value:!0}),t.default=void 0;var i=r(n(6651)),o=(r(n(2473)),function(e){e.index;var t=e.children;i.default.Children.count(t)});t.default=o},3493:(e,t,n)=>{“use strict”;var r=n(4879);Object.defineProperty(t,”__esModule”,{value:!0}),t.default=function(e){var t,n=e.children,r=e.startIndex,a=e.startX,s=e.pageX,c=e.viewLength,l=e.resistance,u=i.default.Children.count(n)-1,d=r+(a-s)/c;return l?d<0?d=Math.exp(d*o.default.RESISTANCE_COEF)-1:d>u&&(d=u+1-Math.exp((u-d)*o.default.RESISTANCE_COEF)):d<0?t=((d=0)-r)*c+s:d>u&&(t=((d=u)-r)*c+s),{index:d,startX:t}};var i=r(n(6651)),o=r(n(8491))},8491:(e,t)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.default=void 0,t.default={RESISTANCE_COEF:.6,UNCERTAINTY_THRESHOLD:3}},7661:(e,t,n)=>{“use strict”;var r=n(4879);Object.defineProperty(t,”__esModule”,{value:!0}),t.default=void 0;var i=r(n(6651));t.default=function(e,t){var n=!1,r=function(e){return e?e.key:”empty”};if(e.children.length&&t.children.length){var o=i.default.Children.map(e.children,r)[e.index];null!=o&&o===i.default.Children.map(t.children,r)[t.index]&&(n=!0)}return n}},9303:(e,t,n)=>{“use strict”;var r=n(4879);Object.defineProperty(t,”__esModule”,{value:!0}),Object.defineProperty(t,”checkIndexBounds”,{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,”computeIndex”,{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,”constant”,{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,”getDisplaySameSlide”,{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,”mod”,{enumerable:!0,get:function(){return c.default}});var i=r(n(7714)),o=r(n(3493)),a=r(n(8491)),s=r(n(7661)),c=r(n(7410))},7410:(e,t)=>{“use strict”;Object.defineProperty(t,”__esModule”,{value:!0}),t.default=void 0;t.default=function(e,t){var n=e%t;return n<0?n+t:n}},4879:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}}},2496:(e,t,n)=>{“use strict”;var r=n(1964),i=n(745);Object.defineProperty(t,”__esModule”,{value:!0}),t.getDomTreeShapes=w,t.findNativeHandler=x,t.default=t.SwipeableViewsContext=void 0;var o=i(n(4788)),a=i(n(779)),s=i(n(1931)),c=i(n(4658)),l=i(n(1036)),u=i(n(2083)),d=i(n(531)),f=r(n(6651)),p=(i(n(5697)),i(n(2473)),n(9303));function g(e,t,n,r){return e.addEventListener(t,n,r),{remove:function(){e.removeEventListener(t,n,r)}}}var m={direction:”ltr”,display:”flex”,willChange:”transform”},h={width:”100%”,WebkitFlexShrink:0,flexShrink:0,overflow:”auto”},v={root:{x:{overflowX:”hidden”},”x-reverse”:{overflowX:”hidden”},y:{overflowY:”hidden”},”y-reverse”:{overflowY:”hidden”}},flexDirection:{x:”row”,”x-reverse”:”row-reverse”,y:”column”,”y-reverse”:”column-reverse”},transform:{x:function(e){return”translate(“.concat(-e,”%, 0)”)},”x-reverse”:function(e){return”translate(“.concat(e,”%, 0)”)},y:function(e){return”translate(0, “.concat(-e,”%)”)},”y-reverse”:function(e){return”translate(0, “.concat(e,”%)”)}},length:{x:”width”,”x-reverse”:”width”,y:”height”,”y-reverse”:”height”},rotationMatrix:{x:{x:[1,0],y:[0,1]},”x-reverse”:{x:[-1,0],y:[0,1]},y:{x:[0,1],y:[1,0]},”y-reverse”:{x:[0,-1],y:[1,0]}},scrollPosition:{x:”scrollLeft”,”x-reverse”:”scrollLeft”,y:”scrollTop”,”y-reverse”:”scrollTop”},scrollLength:{x:”scrollWidth”,”x-reverse”:”scrollWidth”,y:”scrollHeight”,”y-reverse”:”scrollHeight”},clientLength:{x:”clientWidth”,”x-reverse”:”clientWidth”,y:”clientHeight”,”y-reverse”:”clientHeight”}};function y(e,t){var n=t.duration,r=t.easeFunction,i=t.delay;return””.concat(e,” “).concat(n,” “).concat(r,” “).concat(i)}function S(e,t){var n=v.rotationMatrix[t];return{pageX:n.x[0]*e.pageX+n.x[1]*e.pageY,pageY:n.y[0]*e.pageX+n.y[1]*e.pageY}}function b(e){return e.touches=[{pageX:e.pageX,pageY:e.pageY}],e}function w(e,t){for(var n=[];e&&e!==t&&e!==document.body&&!e.hasAttribute(“data-swipeable”);){var r=window.getComputedStyle(e);”absolute”===r.getPropertyValue(“position”)||”hidden”===r.getPropertyValue(“overflow-x”)?n=[]:(e.clientWidth>0&&e.scrollWidth>e.clientWidth||e.clientHeight>0&&e.scrollHeight>e.clientHeight)&&n.push({element:e,scrollWidth:e.scrollWidth,scrollHeight:e.scrollHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}),e=e.parentNode}return n}var E=null;function x(e){var t=e.domTreeShapes,n=e.pageX,r=e.startX,i=e.axis;return t.some((function(e){var t=n>=r;”x”!==i&&”y”!==i||(t=!t);var o=Math.round(e[v.scrollPosition[i]]),a=o>0,s=o+e[v.clientLength[i]]u&&l>p.constant.UNCERTAINTY_THRESHOLD;if(!s&&(“y”===r||”y-reverse”===r)&&(0===n.indexCurrent&&n.startXc.pageX))return void(n.isSwiping=!1);if(l>u&&e.preventDefault(),!0===d||u>p.constant.UNCERTAINTY_THRESHOLD)return n.isSwiping=d,void(n.startX=c.pageX)}if(!0===n.isSwiping){e.preventDefault(),n.vx=.5*n.vx+.5*(c.pageX-n.lastX),n.lastX=c.pageX;var g=(0,p.computeIndex)({children:i,resistance:s,pageX:c.pageX,startIndex:n.startIndex,startX:n.startX,viewLength:n.viewLength}),m=g.index,h=g.startX;if(null===E&&!o&&x({domTreeShapes:w(e.target,n.rootNode),startX:n.startX,pageX:c.pageX,axis:r}))return;h?n.startX=h:null===E&&(E=n.rootNode),n.setIndexCurrent(m);var v=function(){a&&a(m,”move”)};!n.state.displaySameSlide&&n.state.isDragging||n.setState({displaySameSlide:!1,isDragging:!0},v),v()}}}else n.handleTouchStart(e)},n.handleSwipeEnd=function(){if(E=null,n.started&&(n.started=!1,!0===n.isSwiping)){var e,t=n.state.indexLatest,r=n.indexCurrent,i=t-r;e=Math.abs(n.vx)>n.props.threshold?n.vx>0?Math.floor(r):Math.ceil(r):Math.abs(i)>n.props.hysteresis?i>0?Math.floor(r):Math.ceil(r):t;var o=f.Children.count(n.props.children)-1;e<0?e=0:e>o&&(e=o),n.setIndexCurrent(e),n.setState({indexLatest:e,isDragging:!1},(function(){n.props.onSwitching&&n.props.onSwitching(e,”end”),n.props.onChangeIndex&&e!==t&&n.props.onChangeIndex(e,t,{reason:”swipe”}),r===t&&n.handleTransitionEnd()}))}},n.handleTouchStart=function(e){n.props.onTouchStart&&n.props.onTouchStart(e),n.handleSwipeStart(e)},n.handleTouchEnd=function(e){n.props.onTouchEnd&&n.props.onTouchEnd(e),n.handleSwipeEnd(e)},n.handleMouseDown=function(e){n.props.onMouseDown&&n.props.onMouseDown(e),e.persist(),n.handleSwipeStart(b(e))},n.handleMouseUp=function(e){n.props.onMouseUp&&n.props.onMouseUp(e),n.handleSwipeEnd(b(e))},n.handleMouseLeave=function(e){n.props.onMouseLeave&&n.props.onMouseLeave(e),n.started&&n.handleSwipeEnd(b(e))},n.handleMouseMove=function(e){n.props.onMouseMove&&n.props.onMouseMove(e),n.started&&n.handleSwipeMove(b(e))},n.handleScroll=function(e){if(n.props.onScroll&&n.props.onScroll(e),e.target===n.rootNode)if(n.ignoreNextScrollEvents)n.ignoreNextScrollEvents=!1;else{var t=n.state.indexLatest,r=Math.ceil(e.target.scrollLeft/e.target.clientWidth)+t;n.ignoreNextScrollEvents=!0,e.target.scrollLeft=0,n.props.onChangeIndex&&r!==t&&n.props.onChangeIndex(r,t,{reason:”focus”})}},n.updateHeight=function(){if(null!==n.activeSlide){var e=n.activeSlide.children[0];void 0!==e&&void 0!==e.offsetHeight&&n.state.heightLatest!==e.offsetHeight&&n.setState({heightLatest:e.offsetHeight})}},n.state={indexLatest:e.index,isDragging:!1,renderOnlyActive:!e.disableLazyLoading,heightLatest:0,displaySameSlide:!0},n.setIndexCurrent(e.index),n}return(0,d.default)(t,e),(0,c.default)(t,[{key:”componentDidMount”,value:function(){var e=this;this.transitionListener=g(this.containerNode,”transitionend”,(function(t){t.target===e.containerNode&&e.handleTransitionEnd()})),this.touchMoveListener=g(this.rootNode,”touchmove”,(function(t){e.props.disabled||e.handleSwipeMove(t)}),{passive:!1}),this.props.disableLazyLoading||(this.firstRenderTimeout=setTimeout((function(){e.setState({renderOnlyActive:!1})}),0)),this.props.action&&this.props.action({updateHeight:this.updateHeight})}},{key:”UNSAFE_componentWillReceiveProps”,value:function(e){var t=e.index;”number”==typeof t&&t!==this.props.index&&(this.setIndexCurrent(t),this.setState({displaySameSlide:(0,p.getDisplaySameSlide)(this.props,e),indexLatest:t}))}},{key:”componentWillUnmount”,value:function(){this.transitionListener.remove(),this.touchMoveListener.remove(),clearTimeout(this.firstRenderTimeout)}},{key:”getSwipeableViewsContext”,value:function(){var e=this;return{slideUpdateHeight:function(){e.updateHeight()}}}},{key:”setIndexCurrent”,value:function(e){if(this.props.animateTransitions||this.indexCurrent===e||this.handleTransitionEnd(),this.indexCurrent=e,this.containerNode){var t=this.props.axis,n=v.transform[t](100*e);this.containerNode.style.WebkitTransform=n,this.containerNode.style.transform=n}}},{key:”handleTransitionEnd”,value:function(){this.props.onTransitionEnd&&(this.state.displaySameSlide||this.state.isDragging||this.props.onTransitionEnd())}},{key:”render”,value:function(){var e,t,n=this,r=this.props,i=(r.action,r.animateHeight),s=r.animateTransitions,c=r.axis,l=r.children,u=r.containerStyle,d=r.disabled,p=(r.disableLazyLoading,r.enableMouseEvents),g=(r.hysteresis,r.ignoreNativeScroll,r.index,r.onChangeIndex,r.onSwitching,r.onTransitionEnd,r.resistance,r.slideStyle),S=r.slideClassName,b=r.springConfig,w=r.style,E=(r.threshold,(0,a.default)(r,[“action”,”animateHeight”,”animateTransitions”,”axis”,”children”,”containerStyle”,”disabled”,”disableLazyLoading”,”enableMouseEvents”,”hysteresis”,”ignoreNativeScroll”,”index”,”onChangeIndex”,”onSwitching”,”onTransitionEnd”,”resistance”,”slideStyle”,”slideClassName”,”springConfig”,”style”,”threshold”])),x=this.state,O=x.displaySameSlide,M=x.heightLatest,I=x.indexLatest,j=x.isDragging,N=x.renderOnlyActive,L=d?{}:{onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},T=!d&&p?{onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onMouseLeave:this.handleMouseLeave,onMouseMove:this.handleMouseMove}:{},P=(0,o.default)({},h,g);if(j||!s||O)e=”all 0s ease 0s”,t=”all 0s ease 0s”;else if(e=y(“transform”,b),t=y(“-webkit-transform”,b),0!==M){var R=”, “.concat(y(“height”,b));e+=R,t+=R}var C={height:null,WebkitFlexDirection:v.flexDirection[c],flexDirection:v.flexDirection[c],WebkitTransition:t,transition:e};if(!N){var z=v.transform[c](100*this.indexCurrent);C.WebkitTransform=z,C.transform=z}return i&&(C.height=M),f.createElement(_.Provider,{value:this.getSwipeableViewsContext()},f.createElement(“div”,(0,o.default)({ref:this.setRootNode,style:(0,o.default)({},v.root[c],w)},E,L,T,{onScroll:this.handleScroll}),f.createElement(“div”,{ref:this.setContainerNode,style:(0,o.default)({},C,m,u),className:”react-swipeable-view-container”},f.Children.map(l,(function(e,t){if(N&&t!==I)return null;var r,o=!0;return t===I&&(o=!1,i&&(r=n.setActiveSlide,P.overflowY=”hidden”)),f.createElement(“div”,{ref:r,style:P,className:S,”aria-hidden”:o,”data-swipeable”:”true”},e)})))))}}]),t}(f.Component);O.displayName=”ReactSwipableView”,O.propTypes={},O.defaultProps={animateHeight:!1,animateTransitions:!0,axis:”x”,disabled:!1,disableLazyLoading:!1,enableMouseEvents:!1,hysteresis:.6,ignoreNativeScroll:!1,index:0,threshold:5,springConfig:{duration:”0.35s”,easeFunction:”cubic-bezier(0.15, 0.3, 0.25, 1)”,delay:”0s”},resistance:!1};var M=O;t.default=M},7314:(e,t,n)=>{“use strict”;var r=n(1964);Object.defineProperty(t,”ZP”,{enumerable:!0,get:function(){return i.default}});var i=r(n(2496))},2736:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError(“this hasn’t been initialised – super() hasn’t been called”);return e}},1931:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError(“Cannot call a class as a function”)}},4658:e=>{function t(e,t){for(var n=0;n{function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},531:(e,t,n)=>{var r=n(7929);e.exports=function(e,t){if(“function”!=typeof t&&null!==t)throw new TypeError(“Super expression must either be null or a function”);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},745:e=>{e.exports=function(e){return e&&e.__esModule?e:{default:e}}},1964:e=>{e.exports=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var r=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(e,n):{};r.get||r.set?Object.defineProperty(t,n,r):t[n]=e[n]}return t.default=e,t}},779:(e,t,n)=>{var r=n(191);e.exports=function(e,t){if(null==e)return{};var n,i,o=r(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}},191:e=>{e.exports=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r=0||(i[n]=e[n]);return i}},1036:(e,t,n)=>{var r=n(8209),i=n(2736);e.exports=function(e,t){return!t||”object”!==r(t)&&”function”!=typeof t?i(e):t}},7929:e=>{function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,r)}e.exports=t},8209:e=>{function t(e){return t=”function”==typeof Symbol&&”symbol”==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&”function”==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?”symbol”:typeof e},t(e)}function n(r){return”function”==typeof Symbol&&”symbol”===t(Symbol.iterator)?e.exports=n=function(e){return t(e)}:e.exports=n=function(e){return e&&”function”==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?”symbol”:t(e)},n(r)}e.exports=n},2473:e=>{“use strict”;e.exports=function(){}},6651:e=>{“use strict”;e.exports=window.slice.React},2081:e=>{“use strict”;e.exports=window.slice.ReactDOM}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if(“object”==typeof globalThis)return globalThis;try{return this||new Function(“return this”)()}catch(e){if(“object”==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{“undefined”!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:”Module”}),Object.defineProperty(e,”__esModule”,{value:!0})};var r={};(()=>{“use strict”;n.d(r,{default:()=>i});const e=window.slice.resolveDependencies;var t=n.n(e);const i={load:function(){return t()([{endpoint:”react.js”,windowObject:”React”,fallback:[{window:”ReactDOM”,src:”https://unpkg.com/react-dom@17/umd/react-dom.development.js”},{window:”React”,src:”https://unpkg.com/react@17/umd/react.development.js”},{window:”StyledComponents”,src:”https://unpkg.com/styled-components@5.3.3/dist/styled-components.js”}]}],window.slice.hostname)},hydrate:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){};return this.load().then((function(){var i=n(6651),o=n(2081),a=n(1737).default;return o.hydrate(i.createElement(a,e),t,r)}),(function(e){console.error(e)}))}}})(),imageGallery=r.default})(); window.sliceComponents.imageGallery = imageGallery; var triggerHydrate = function() { window.sliceComponents.imageGallery.hydrate(data, componentContainer); } if (window.lazyObserveElement) { window.lazyObserveElement(componentContainer, triggerHydrate); } else { triggerHydrate(); } } }).catch(err => console.log(‘Hydration Script has failed for imageGallery-block-3 Slice’, err)); ]]>

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

(Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

How many of the landmarks can you recognise in these logo designs? (Image credit: Mohamed Al-Jaadaby)

Image 1 of 10

Yemen-based graphic designer Mohamed Al-Jaadaby (opens in new tab) has taken some of the most famous landmarks in the world from no fewer than 45 cities and turned them into logotypes that use typography that fits into the shape of each building. 

He thought that each city deserved a logo that symbolised it, and he sought out the most distinctive building or sculpture in each case, starting with Dubai and its emblematic skyscrapers. And so we have the Sydney Opera House, Rome’s Colleseum, Istanbul’s Hagia Sophia and the Tokyo Tower. Other logos see ‘New York’ stretched tall over the shape of the Statue of Liberty in an elongated Art Deco font. Al-Jaadaby’s been showing some of how he works on his Instagram account and people have been sending him requests for him to try his hand at their city.

We like the way the typography used not only fits into the shape of each landmark but also seeks to reflect its architectural style (although this does have issues for legibility in some cases). The type in the Dubai logo reflects the city’s vertiginous skyline with a towering type that reaches a peak in the centre, and the Paris typography takes on the solid neoclassical forms of the Arc de Triomphe. Bangkok’s logo borrows some of the curvaceousness of Thai script and the neo-gothic type for Barcelona might even have received approval from Gaudí himself. 

{ var componentContainer = document.querySelector(“#slice-container-imageGallery-block-7”); if(componentContainer) { var data = {“galleryData”:[{“title”:””,”description”:[],”image”:{“id”:”3HXjroirX4gETVQp7q6ej5″,”name”:”London.jpg”,”caption”:”Al-Jaadaby’s logo for London”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/3HXjroirX4gETVQp7q6ej5.jpg”,”alt”:”https://www.instagram.com/p/CTvdZtuI2gH/”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”uShGvYj78ty4sKaqxkFMZ5″,”name”:”Bangkok.jpg”,”caption”:”Curvy type for Bangkok”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/uShGvYj78ty4sKaqxkFMZ5.jpg”,”alt”:”https://www.instagram.com/p/CTvdZtuI2gH/”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}},{“title”:””,”description”:[],”image”:{“id”:”d2pRi5gUhMBAWxU5cvcAf5″,”name”:”Barcelona.jpg”,”caption”:”A tribute to Gaudu00ed’s Barcelona”,”credit”:”Mohamed Al-Jaadaby”,”src”:”https://cdn.mos.cms.futurecdn.net/d2pRi5gUhMBAWxU5cvcAf5.jpg”,”alt”:”https://www.instagram.com/p/CTvdZtuI2gH/”,”width”:1000,”height”:563,”srcSetSizes”:[320,480,650,970],”sizes”:{“default”:”calc(100vw – 40px)”,”1000px”:”970px”},”fullscreen”:false,”lazyLoading”:true,”addSEOMetaData”:false,”eager”:false,”removeNativeWidthRestriction”:false,”noCredit”:false}}]}; var triggerHydrate = function() { window.sliceComponents.imageGallery.hydrate(data, componentContainer); } if (window.lazyObserveElement) { window.lazyObserveElement(componentContainer, triggerHydrate); } else { triggerHydrate(); } } }).catch(err => console.log(‘Hydration Script has failed for imageGallery-block-7 Slice’, err)); ]]>

Image 1 of 3

Al-Jaadaby’s logo for London (Image credit: Mohamed Al-Jaadaby)

Image 1 of 3

Curvy type for Bangkok (Image credit: Mohamed Al-Jaadaby)

Image 1 of 3

A tribute to Gaudí’s Barcelona (Image credit: Mohamed Al-Jaadaby)

Image 1 of 3

Fancy trying your own hand at type or logo design exercises like this? Take a look at our selections of inspirational famous buildings and the design landmarks that everyone should see, and if you need to upgrade your software, then you might want to consider the best current prices on Adobe’s Creative Cloud suite of apps below.

Today’s best Adobe Creative Cloud deals

Read more: 

Source

Leave a comment

Your email address will not be published. Required fields are marked *