We’re loving this literal logo project

[]

When designing a logo, you have a whole bunch of creative decisions to make. Do you use a strong image to represent exactly what the brand does, or do you go more conceptual with a carefully curated squiggle (not that you’d ever admit that’s what it is)? It all depends on what you want the consumer to see, and the brief, of course, which will inform your decisions.

One graphic designer has played with those decisions with a recent project, where they’ve replaced brand names with the literal meaning of their logo images. Seeing some of the biggest brand logos this way isn’t only good fun, it offers a new perspective on the image and message they’ve chosen to project with their branding – and is surprisingly thought provoking. You can see them below. Want to have a go? Download Illustrator and get designing.

See more

“The idea came when I was browsing and analysing some international brand’s identities, and I noticed that some brands have their symbol be the literal description of the brand name, like (Puma, Ram, Apple, Dominos, Shell…),” Samir Chajia (opens in new tab) told Creative Bloq. “I wondered how other brands will look if they took the same approach.” 

Chajia then searched for famous brands and selected the ones that could be easily described in a word or two. See them all in the slideshow below (scroll to see more), and you might want to consider the brand’s real-life creative intention as you go.

{ var componentContainer = document.querySelector(“#slice-container-imageGallery-block-5”); if(componentContainer) { var data = {“galleryData”:[{“title”:””,”description”:[],”image”:{“id”:”8oCWPx5S9yvK2Qata8aDG5″,”name”:”Literal Logo-06.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/8oCWPx5S9yvK2Qata8aDG5.jpg”,”alt”:”Literal 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”:”fMv5mZSbQz7NYFWPRNBuw4″,”name”:”Literal Logo-03.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/fMv5mZSbQz7NYFWPRNBuw4.jpg”,”alt”:”Literal 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”:”m39hJisA9aUGXmLgYX2EA5″,”name”:”Literal Logo-02.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/m39hJisA9aUGXmLgYX2EA5.jpg”,”alt”:”Literal 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”:”gbVKVAeBD9uRV2Ect3Yg35″,”name”:”Literal Logo-05.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/gbVKVAeBD9uRV2Ect3Yg35.jpg”,”alt”:”Literal 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”:”twYU2DKfRYA5X94ntJrbN5″,”name”:”Literal Logo-07.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/twYU2DKfRYA5X94ntJrbN5.jpg”,”alt”:”Literal 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”:”7zobKsKU2rCvob3bGKvmw5″,”name”:”Literal Logo-04.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/7zobKsKU2rCvob3bGKvmw5.jpg”,”alt”:”Literal 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”:”KmPFKvbwodtWpPk5wFHzS5″,”name”:”Literal Logo-08.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/KmPFKvbwodtWpPk5wFHzS5.jpg”,”alt”:”Literal 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”:”JWKP54HiMkBYUmdDERuDt5″,”name”:”Literal Logo-01.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/JWKP54HiMkBYUmdDERuDt5.jpg”,”alt”:”Literal 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”:”BnDNjxu28x6FadXxDHg2Z5″,”name”:”Literal Logo-09.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/BnDNjxu28x6FadXxDHg2Z5.jpg”,”alt”:”Literal 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”:”biWVitsfPhcNR7J3rnn8e5″,”name”:”Literal Logo-10.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/biWVitsfPhcNR7J3rnn8e5.jpg”,”alt”:”Literal 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”:”oGs2ohYU3q9h3qYJCx6i26″,”name”:”Literal Logo-11.png.jpg”,”credit”:”Samir Chajia”,”src”:”https://cdn.mos.cms.futurecdn.net/oGs2ohYU3q9h3qYJCx6i26.jpg”,”alt”:”Literal 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-5 Slice’, err)); ]]>

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

(Image credit: Samir Chajia)

Image 1 of 11

“I love these kinds of small projects,” says Chajia. “It gives me the liberty to play with wonderful brands and their colours, and typography while appreciating the creativity and simplicity that goes with it.”

We love seeing designers use their skills to shine a light on a fascinating element of branding design. This project (see the whole thing on Twitter (opens in new tab)) reminds us of another designer’s joyful retro logos, which made over well-known logos with a retro twist. 

If you have a logo project you think we need to hear about, send it to us via Twitter (opens in new tab) or Instagram (opens in new tab).

Read more:

Source

Leave a comment

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