CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.brandfuel.co.uk" data-wf-page="65a16a56a87dac8a8780f529" data-wf-site="65a16a56a87dac8a8780f532" lang="en"><head><meta charset="utf-8"/><title>Brandfuel - Creative Agency</title><meta content="award-winning creative agency specialising in the design, planning and delivery of online broadcasts, conferences, exhibitions, events, brand identity and digital services." name="description"/><meta content="Brandfuel - Creative Agency" property="og:title"/><meta content="award-winning creative agency specialising in the design, planning and delivery of online broadcasts, conferences, exhibitions, events, brand identity and digital services." property="og:description"/><meta content="Brandfuel - Creative Agency" property="twitter:title"/><meta content="award-winning creative agency specialising in the design, planning and delivery of online broadcasts, conferences, exhibitions, events, brand identity and digital services." property="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/css/brandfuel-agency.webflow.a776a6d25.css" rel="stylesheet" type="text/css"/><script src="https://use.typekit.net/ura4hei.js" type="text/javascript"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65aff2cf066537cdc31a7067_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65aff3dccf712246adb8076e_bf-webclip-01.png" rel="apple-touch-icon"/> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LYMYQTVQ5Z"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LYMYQTVQ5Z'); </script> <style> body::-webkit-scrollbar { display: none; -ms-overflow-style: none; scrollbar-width: none; } </style> </head><body><div class="gradient_wrapper w-embed"><div class="granim-canvas"> <canvas id="granim-canvas"></canvas> </div></div><div class="webgl_wrapper w-embed"><canvas class='webgl'></canvas></div><div class="page-wrapper"><div class="menu_bg_holders no-pointer"><div class="menu_bg_one"></div><div class="menu_bg_two"></div></div><div class="global-styles w-embed"><style> /* Make text look crisper and more legible in all browsers */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Focus state style for keyboard navigation for the focusable elements */ *[tabindex]:focus-visible, input[type="file"]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /* Get rid of top margin on first element in any rich text element */ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /* Get rid of bottom margin on last element in any rich text element */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /* Prevent all click and hover interaction with an element */ .pointer-events-off { pointer-events: none; } /* Enables all click and hover interaction with an element */ .pointer-events-on { pointer-events: auto; } /* Create a class of .div-square which maintains a 1:1 dimension of a div */ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /* Make sure containers never lose their center alignment */ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. */ /* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } */ /* Apply "..." after 3 lines of text */ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Apply "..." after 2 lines of text */ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Adds inline flex display */ .display-inlineflex { display: inline-flex; } /* These classes are never overwritten */ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } .no-pointer { pointer-events: none; } .granim-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #granim-canvas { width: 100%; height: 100%; } </style></div><nav data-w-id="60bca229-52f8-f3f1-16bc-1b5943aa08e8" class="global-navbar"><div data-w-id="60bca229-52f8-f3f1-16bc-1b5943aa08e9" class="global_navbar_parent no_overflow"><div class="navbar_child"><a data-transition="homeTran" href="/" aria-current="page" class="home_link w-inline-block w--current"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54e_P%20logo%20white.svg" loading="lazy" alt="" class="logo"/></a></div><div data-a="nav-line" class="navbar_linetop"></div><div data-a="nav-line" class="navbar_linebottom"></div><div class="nav_links_wrapper"><ul role="list" class="navbar_links_list w-list-unstyled"><li class="navbar_link_item"><a href="/about" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">About</div></div></a></li><li class="navbar_link_item"><a href="/#work" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">Work</div></div></a></li><li class="navbar_link_item"><a href="/contact" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">Contact</div></div></a></li></ul></div><div class="navbar_mobile_wrapper no_overflow"><div class="navbar_mobile_lines_wrapper"><div class="mobile_line one"></div><div class="mobile_line two"></div><div class="mobile_line three"></div></div><div class="mobile_line_left"></div></div></div><div class="navbar_mobile_parent"><div class="navbar_mobilelinks_parent"><ul role="list" class="mobile_list w-list-unstyled"><li class="mobile_item"><a href="/#work" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">Work</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li><li class="mobile_item"><a href="/about" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">About</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li><li class="mobile_item"><a href="/contact" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">Contact</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li></ul></div><div class="navbar_mobile_news"></div><div class="navbar_mobilesocials hide"><ul role="list" class="socials_wrapper w-list-unstyled"><li class="social_link_mobile"><a href="#" class="social_link w-inline-block"><div class="social_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"></path></svg></div></a></li><li class="social_link_mobile"><a href="#" class="social_link w-inline-block"><div class="social_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7zM11.1 24.4H7.6V13h3.5v11.4zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1c0-1.2.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1zm15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"></path></svg></div></a></li><li class="social_link_mobile"><a href="#" class="social_link w-inline-block"><div class="social_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7zM11.1 24.4H7.6V13h3.5v11.4zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1c0-1.2.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1zm15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"></path></svg></div></a></li></ul></div></div></nav><div style="display:flex" class="load_parent"><div class="load_lottie_wrap no-pointer"><div class="lottie_intro"><div data-is-ix2-target="1" class="load_lottie" data-w-id="3e4e4d16-024e-e93d-3254-3f57c28208f4" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f547_intro%20load.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-duration="0" data-ix2-initial-state="0"></div></div></div><div class="load_txt_wrap"><div class="div_hide"><div class="load-h1"><span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span one">We</span> <span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span two">fuel</span> <span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span three">the</span> <span class="load_span four">brands</span><br/><span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span five">that</span> <span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span six">shape</span> <span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span seven">our</span> <span style="opacity:0;-webkit-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 120%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="load_span eight">world</span></div></div></div><div class="load_n_parent no-pointer"><div class="div_hide"><div class="load_nmb"> </div></div></div></div><div data-taxi="" class="page-main"><div data-taxi-view="home" class="homepage_wrapper"><div class="lottie_mobile show-mobile"><div class="lottie_hold"><div class="lottie-fix" data-w-id="7651b6d2-6e5a-fe70-8a97-bc7d7fff4639" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f548_red-lottie.lottie" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-duration="8"></div><div data-poster-url="https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/6571f85373a50a12a7c9334c_logoloopCLARGE 3_2K-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.mp4,https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="video-mobile w-background-video w-background-video-atom"><video id="e17ffd05-48a6-d963-0689-bd6c3dc717ea-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/6571f85373a50a12a7c9334c_logoloopCLARGE 3_2K-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.webm" data-wf-ignore="true"/></video></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54c_static%20red%20lottie.svg" loading="lazy" alt="" class="svg"/></div></div><section class="hero_section"><figure class="embed_reel start_state"><div class="reel_wrap w-embed"><video class= "reel" src="https://cdn.jsdelivr.net/gh/Gblanquez/Brandfuel-E-Website@main/Brandfuel_compress.mp4"></video></div></figure><div class="background_img_wrap"><figure data-poster-url="https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/657b6ab6a691be0735961a66_brandfuel-mainvd-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54b_brandfuel-mainvd-transcode.mp4,https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54b_brandfuel-mainvd-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" style="display:none" class="bg_main w-background-video w-background-video-atom"><video id="94a985c5-0f9a-9cab-ed4a-c6d501211a82-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/657b6ab6a691be0735961a66_brandfuel-mainvd-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54b_brandfuel-mainvd-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54b_brandfuel-mainvd-transcode.webm" data-wf-ignore="true"/></video></figure><div class="video_embed w-embed w-iframe w-script"><div style="padding:0 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/894120545?h=b78470d380&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" responsive="true" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="BF-Rebrand 2023_ Hero Showreel 02_notype"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></div></div><div class="div_hide hide"><h1 class="main-h1">We fuel the brands that shape our world</h1></div><div class="play_reel_btn hide"><div class="play_btn_wrap"><div class="div_hide"><div class="play_text">PLAY ME</div></div></div></div><div class="load_wrap"><div class="div_info"><div class="div_hide"><h1 class="h1_main op-0">We fuel the brands<br/>that shape our world</h1></div></div></div></section><section class="about_section"><div class="about_section_parent"><div class="div_wrapper"><div class="div_hide no_hide"><h2 class="main-h2">We fuel the brands<span class="main-h2-light"><br/>that shape our world</span></h2></div><div class="div_hide no_hide"><p class="main_p large">Brandfuel is a creative experience agency.<br/>‍<br/>We solve problems with a relentless focus on creativity, integrity, and client satisfaction.</p></div></div><div class="main_button_wrapper hide"><div class="button_parent"><ul role="list" class="button_list w-list-unstyled"><li class="button_link_parent"><a href="#" class="button_main w-inline-block"><div class="hold_icon"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f53f_share.png" loading="lazy" alt="Share Button" class="icon_small"/></div></a></li><li class="button_link_parent"><a href="#" class="button_main w-inline-block"><div class="hold_icon"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f53e_arrow.png" loading="lazy" alt="Arrow " class="icon_small"/></div></a></li></ul></div></div></div><div class="img_holder_about"><div class="img_about_p"><div data-poster-url="https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/6571f85373a50a12a7c9334c_logoloopCLARGE 3_2K-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.mp4,https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="bg_gif w-background-video w-background-video-atom"><video id="ddf20b11-9550-644d-9abb-23a8d3ee19f5-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/6571f85373a50a12a7c9334c_logoloopCLARGE 3_2K-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.webm" data-wf-ignore="true"/></video></div><div class="about_lottie hide-mobile-landscape" data-w-id="09ae0051-83ba-0f4d-1841-7dce20bc1da6" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f548_red-lottie.lottie" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="20.8" data-duration="0"></div><div class="lottie_emb w-embed w-script"><script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/ef54d8bf-1e98-4f42-8644-edc2ec306ecf/qmONiazSuO.json" background="transparent" speed="1" style="width: '100%'; height: '100%';" loop autoplay></dotlottie-player></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54c_static%20red%20lottie.svg" loading="lazy" alt="" class="svg_mobile mobile_hide"/></div></div><div class="svg_mobile_wrap"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65e599eeb3634423aeea601e_static%20red%20lottie_large%20hole.svg" loading="lazy" alt="" class="svg_footer"/></div></section><section id="work" class="cms_case_study"><div class="cms_case_child no-pointer hide-mobile-landscape"><div class="case_wrap"><div class="div_hide"><h2 class="case_h2_m">Case<span class="main-h2-light">Studies</span></h2></div></div><figure class="cms_lottie_wrap"><div class="blue_embed w-embed w-script"><script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> <dotlottie-player src="https://lottie.host/8f0dc754-bd8a-4d9b-820a-1c7f155d34a7/ik1YQk4aCz.lottie" background="transparent" speed="1" style="width: '100%'; height: '100%';" loop autoplay></dotlottie-player></div><div data-is-ix2-target="1" class="cms_lottie blue" data-w-id="45b6f38d-bd84-3017-401f-57219ddaea92" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65d87d58b25cdfd8ab030bc4_blueLottie03.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="20.8" data-duration="0"></div></figure></div><div class="cms_case_child margin-top overflow-hidden"><div class="case_study_in hide-desktop"><div class="div_hide"><h2 class="main-h2">Case<br/><span class="main-h2-light">Studies</span></h2></div></div><div class="case_study_wrapper w-dyn-list"><div role="list" class="case_study_cl_list w-dyn-items"><div id="w-node-_0f0a0fd3-e78c-9915-152b-cefc9612d404-8780f529" role="listitem" class="case_study_cl_item w-dyn-item"><div class="cms_link_wrap"><a data-a="cms-link" href="/case-study/android-avenue-2024" class="cms_link w-inline-block"><div class="div_hold"><div data-a="cms-v-wrap" class="div_img"><img loading="lazy" data-a="cms-v" alt="Android Avenue 2024" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1.jpg" sizes="(max-width: 479px) 87vw, (max-width: 991px) 88vw, 50vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-500.jpg 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-800.jpg 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1.jpg 1280w" class="cms_img"/></div><div class="div_cms_info"><div class="div_hide no_hide"><h3 data-a="cms-h2" class="cms_h3">Android</h3></div><div class="div_hide no_hide"><h4 data-a="cms-h3" class="cms_h4">Tech islands in the sun</h4></div></div></div></a></div></div><div id="w-node-_0f0a0fd3-e78c-9915-152b-cefc9612d404-8780f529" role="listitem" class="case_study_cl_item w-dyn-item"><div class="cms_link_wrap"><a data-a="cms-link" href="/case-study/humanitarian-xchange" class="cms_link w-inline-block"><div class="div_hold"><div data-a="cms-v-wrap" class="div_img"><img loading="lazy" data-a="cms-v" alt="Humanitarian Xchange" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/669e4f166d879a3874778474_Hxthumb.jpg" class="cms_img"/></div><div class="div_cms_info"><div class="div_hide no_hide"><h3 data-a="cms-h2" class="cms_h3">Humanitarian Leadership Academy</h3></div><div class="div_hide no_hide"><h4 data-a="cms-h3" class="cms_h4">Hope for humanity</h4></div></div></div></a></div></div><div id="w-node-_0f0a0fd3-e78c-9915-152b-cefc9612d404-8780f529" role="listitem" class="case_study_cl_item w-dyn-item"><div class="cms_link_wrap"><a data-a="cms-link" href="/case-study/zoom-at-uc-expo" class="cms_link w-inline-block"><div class="div_hold"><div data-a="cms-v-wrap" class="div_img"><img loading="lazy" data-a="cms-v" alt="Zoom at UC Expo" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%20Case%20Study_V2_Socials%20(00003).webp" sizes="(max-width: 479px) 87vw, (max-width: 991px) 88vw, 50vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%20Case%20Study_V2_Socials%20(00003).webp 1920w" class="cms_img"/></div><div class="div_cms_info"><div class="div_hide no_hide"><h3 data-a="cms-h2" class="cms_h3">Zoom</h3></div><div class="div_hide no_hide"><h4 data-a="cms-h3" class="cms_h4">From virtual to visible</h4></div></div></div></a></div></div><div id="w-node-_0f0a0fd3-e78c-9915-152b-cefc9612d404-8780f529" role="listitem" class="case_study_cl_item w-dyn-item"><div class="cms_link_wrap"><a data-a="cms-link" href="/case-study/escal8" class="cms_link w-inline-block"><div class="div_hold"><div data-a="cms-v-wrap" class="div_img"><img loading="lazy" data-a="cms-v" alt="Escal8" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093.webp" sizes="(max-width: 479px) 87vw, (max-width: 991px) 88vw, 50vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-2000.webp 2000w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-2600.webp 2600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-3200.webp 3200w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093.webp 6600w" class="cms_img"/></div><div class="div_cms_info"><div class="div_hide no_hide"><h3 data-a="cms-h2" class="cms_h3">Google Security</h3></div><div class="div_hide no_hide"><h4 data-a="cms-h3" class="cms_h4">Ten years of Escal8</h4></div></div></div></a></div></div><div id="w-node-_0f0a0fd3-e78c-9915-152b-cefc9612d404-8780f529" role="listitem" class="case_study_cl_item w-dyn-item"><div class="cms_link_wrap"><a data-a="cms-link" href="/case-study/arm-dev-summit" class="cms_link w-inline-block"><div class="div_hold"><div data-a="cms-v-wrap" class="div_img"><img loading="lazy" data-a="cms-v" alt="Arm DevSummit" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%20(00056).webp" sizes="(max-width: 479px) 87vw, (max-width: 991px) 88vw, 50vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%20(00056).webp 1920w" class="cms_img"/></div><div class="div_cms_info"><div class="div_hide no_hide"><h3 data-a="cms-h2" class="cms_h3">Arm</h3></div><div class="div_hide no_hide"><h4 data-a="cms-h3" class="cms_h4">Not your average conference call</h4></div></div></div></a></div></div><div id="w-node-_0f0a0fd3-e78c-9915-152b-cefc9612d404-8780f529" role="listitem" class="case_study_cl_item w-dyn-item"><div class="cms_link_wrap"><a data-a="cms-link" href="/case-study/bravery-in-ukraine" class="cms_link w-inline-block"><div class="div_hold"><div data-a="cms-v-wrap" class="div_img"><img loading="lazy" data-a="cms-v" alt="Bravery in Ukraine" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1.png" sizes="(max-width: 479px) 87vw, (max-width: 991px) 88vw, 50vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1.png 512w" class="cms_img"/></div><div class="div_cms_info"><div class="div_hide no_hide"><h3 data-a="cms-h2" class="cms_h3">Ukraine Embassy to the UK</h3></div><div class="div_hide no_hide"><h4 data-a="cms-h3" class="cms_h4">A window on war</h4></div></div></div></a></div></div></div></div></div><div class="cms_case_child margin-top overflow-hidden hide-it"><div class="case_study_in hide-desktop"><div class="div_hide"><h2 class="main-h2">Case<br/><span class="main-h2-light">Studies</span></h2></div></div></div></section><div class="case_component hide"><div class="case_container"><div class="lottie_work_wrapper no-pointer"><div class="lottie_case" data-w-id="3a4cc1c3-2beb-d099-87a2-74ea6566b985" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f545_BFLottieblueSimple01.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="20.8" data-duration="0"></div></div><div class="case_wrapper"><div class="cl_name_container"><div class="swiper is-tx w-dyn-list"><div role="list" class="swiper-wrapper is-tx w-dyn-items"><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">GO Fest</div></div><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">Humanitarian Xchange</div></div><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">Android Avenue 2024</div></div><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">Zoom at UC Expo</div></div><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">Arm DevSummit</div></div><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">Bravery in Ukraine</div></div><div role="listitem" class="swiper-slide is-tx w-dyn-item"><div class="tx-case is-active">Escal8</div></div></div></div></div><div class="cl_container"><div class="swiper is-bg w-dyn-list"><div role="list" class="swiper-wrapper is-bg w-dyn-items"><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="GO Fest" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3.JPG" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-500.jpg 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-800.jpg 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-2000.jpg 2000w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3.JPG 2506w" class="caseimg is-active"/></div></div></div><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="Humanitarian Xchange" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/669e4f166d879a3874778474_Hxthumb.jpg" class="caseimg is-active"/></div></div></div><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="Android Avenue 2024" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1.jpg" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-500.jpg 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-800.jpg 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1.jpg 1280w" class="caseimg is-active"/></div></div></div><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="Zoom at UC Expo" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%20Case%20Study_V2_Socials%20(00003).webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%20Case%20Study_V2_Socials%20(00003).webp 1920w" class="caseimg is-active"/></div></div></div><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="Arm DevSummit" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%20(00056).webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%20(00056).webp 1920w" class="caseimg is-active"/></div></div></div><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="Bravery in Ukraine" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1.png 512w" class="caseimg is-active"/></div></div></div><div role="listitem" class="swiper-slide is-bg w-dyn-item"><div class="img_div"><div class="img_container"><img loading="lazy" alt="Escal8" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093.webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-2000.webp 2000w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-2600.webp 2600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-3200.webp 3200w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093.webp 6600w" class="caseimg is-active"/></div></div></div></div></div></div></div></div><div class="case_link"><div class="cl_link w-dyn-list"><div role="list" class="cl_link_list w-dyn-items"><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/niantic" class="case_link_cms w-inline-block"></a></div><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/humanitarian-xchange" class="case_link_cms w-inline-block"></a></div><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/android-avenue-2024" class="case_link_cms w-inline-block"></a></div><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/zoom-at-uc-expo" class="case_link_cms w-inline-block"></a></div><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/arm-dev-summit" class="case_link_cms w-inline-block"></a></div><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/bravery-in-ukraine" class="case_link_cms w-inline-block"></a></div><div role="listitem" class="cl_li w-dyn-item"><a href="/case-study/escal8" class="case_link_cms w-inline-block"></a></div></div></div></div></div><div class="_2sec_wrapper"><section id="about-us" class="about_us_section"><div class="about_section_child"><div class="div_hide"><h2 class="c-h2-max">About <span class="main-h2-light-copy">us</span></h2></div><div class="div_hide no_hide"><p class="main_p">Brandfuel is a community of thinkers and doers. Of mavens and mavericks. Of architects and engineers. Creators, collaborators and communicators.<br/>‍<br/>We are curious, transparent and compassionate. We are drivers of good practice and positive change.</p></div></div><div class="img_about_p ab"><div data-poster-url="https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/6571f85373a50a12a7c9334c_logoloopCLARGE 3_2K-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.mp4,https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="bg_gif hide w-background-video w-background-video-atom"><video id="54126aa7-c56e-bb67-85a3-6ea80bec2945-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/654ffd6810a99fe2eda01c9b/6571f85373a50a12a7c9334c_logoloopCLARGE 3_2K-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f543_logoloopCLARGE%203_2K-transcode.webm" data-wf-ignore="true"/></video></div><div class="about_lottie ab hide-mobile-landscape abot" data-w-id="54126aa7-c56e-bb67-85a3-6ea80bec2946" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f548_red-lottie.lottie" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="20.8" data-duration="0"></div></div></section><section class="contact_us_section"><div class="contact_us_info"><div class="div_hide"><h2 class="c-h2-max">Contact <span class="main-h2-light-copy">Us</span></h2></div><div class="div_hide"><p class="main_p">Say hello, we would love to hear from you.</p></div><div class="footer_parent"><div class="footer_child"><div class="footer_grand_child"><div class="div_hide"><div class="text_f">London</div></div></div><div class="footer_grand_child"><div class="footer_in"><div class="icon_wrapp"><div class="icon_embed"><div class="icon_embed_footer hide w-embed"><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve"> <style type="text/css"> .st0{fill:none;stroke:currentColor;stroke-width:46;} </style> <path class="st0" d="M600.61,144.45c-170.3,0-308.36,138.05-308.36,308.36c0,29.27,4.17,57.54,11.78,84.37 c4.69,16.52,9.82,32.92,17.92,47.75c63.23,115.77,278.65,448.06,278.65,448.06s215.43-332.3,278.66-448.07 c8.1-14.82,13.22-31.23,17.92-47.74c7.61-26.83,11.78-55.1,11.78-84.37C908.96,282.5,770.91,144.45,600.61,144.45z M600.61,588.58 c-43,0-81.37-20.12-106.27-51.41c-18.45-23.19-29.51-52.5-29.51-84.37c0-74.87,60.91-135.78,135.78-135.78 c74.87,0,135.78,60.91,135.78,135.78c0,31.86-11.06,61.18-29.5,84.37C681.98,568.46,643.61,588.58,600.61,588.58z"/> </svg></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f55a_image-availability--local.svg" loading="lazy" alt="" class="icon_svg"/></div></div><div class="div_hide"><div class="footer_txt_links">LABS House<br/>15-19 Bloomsbury Way<br/>London WC1A 2TH</div></div></div><div class="footer_in center"><div class="icon_wrapp"><div class="icon_embed"><div class="icon_embed_footer hide w-embed"><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve"> <style type="text/css"> .st0{fill:#FFFFFF;} </style> <path class="st0" d="M952.4,287.7H248.9c-49.2,0-89.3,42.4-89.3,94.5v432.5c0,52.1,40.1,94.5,89.3,94.5h703.5 c49.2,0,89.3-42.4,89.3-94.5V382.1C1041.7,330,1001.6,287.7,952.4,287.7z M248.9,333.2h703.5c14,0,26.5,6.6,35,17L663.9,579.4 l-1,0.8c-45.5,36.6-106.6-1-107.2-1.5L207.5,360.2C215.1,344.2,230.8,333.2,248.9,333.2z M952.4,863.5H248.9 c-25.5,0-46.3-22-46.3-48.9V410.1l331,207.8c2.3,1.5,38.6,24.1,82.7,24.1c23.2,0,48.5-6.2,72.1-25L998.6,397v417.5 C998.6,841.6,977.9,863.5,952.4,863.5z"/> </svg></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f559_email.svg" loading="lazy" alt=""/></div></div><div class="div_hide"><a href="mailto:Hellobrandfuel.co.uk" class="footer_link_email">hello@brandfuel.co.uk</a></div></div><div class="footer_in center"><div class="icon_wrapp"><div class="icon_embed"><div class="icon_embed_footer hide w-embed"><svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>mobile</title><path d="M22,4H10A2.002,2.002,0,0,0,8,6V28a2.0023,2.0023,0,0,0,2,2H22a2.0027,2.0027,0,0,0,2-2V6A2.0023,2.0023,0,0,0,22,4Zm0,2,0,2H10V6ZM10,28V10H22l0,18Z"/><rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/></svg></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54f_mobile.svg" loading="lazy" alt=""/></div></div><div class="div_hide"><a href="tel:+44(0)2074245444" class="footer_link_email">+44 (0) 207 424 5444</a></div></div></div></div><div class="footer_child"><div class="footer_grand_child"><div class="div_hide"><div class="text_f">New York</div></div></div><div class="footer_grand_child"><div class="footer_in"><div class="icon_wrapp"><div class="icon_embed"><div class="icon_embed_footer hide w-embed"><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve"> <style type="text/css"> .st0{fill:none;stroke:currentColor;stroke-width:46;} </style> <path class="st0" d="M600.61,144.45c-170.3,0-308.36,138.05-308.36,308.36c0,29.27,4.17,57.54,11.78,84.37 c4.69,16.52,9.82,32.92,17.92,47.75c63.23,115.77,278.65,448.06,278.65,448.06s215.43-332.3,278.66-448.07 c8.1-14.82,13.22-31.23,17.92-47.74c7.61-26.83,11.78-55.1,11.78-84.37C908.96,282.5,770.91,144.45,600.61,144.45z M600.61,588.58 c-43,0-81.37-20.12-106.27-51.41c-18.45-23.19-29.51-52.5-29.51-84.37c0-74.87,60.91-135.78,135.78-135.78 c74.87,0,135.78,60.91,135.78,135.78c0,31.86-11.06,61.18-29.5,84.37C681.98,568.46,643.61,588.58,600.61,588.58z"/> </svg></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f55a_image-availability--local.svg" loading="lazy" alt="" class="icon_svg"/></div></div><div class="div_hide"><div class="footer_txt_links">9 W. 34th Street<br/>Suite 1018, New York<br/>NY 10001</div></div></div><div class="footer_in center"><div class="icon_wrapp"><div class="icon_embed"><div class="icon_embed_footer hide w-embed"><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve"> <style type="text/css"> .st0{fill:c;} </style> <path class="st0" d="M952.4,287.7H248.9c-49.2,0-89.3,42.4-89.3,94.5v432.5c0,52.1,40.1,94.5,89.3,94.5h703.5 c49.2,0,89.3-42.4,89.3-94.5V382.1C1041.7,330,1001.6,287.7,952.4,287.7z M248.9,333.2h703.5c14,0,26.5,6.6,35,17L663.9,579.4 l-1,0.8c-45.5,36.6-106.6-1-107.2-1.5L207.5,360.2C215.1,344.2,230.8,333.2,248.9,333.2z M952.4,863.5H248.9 c-25.5,0-46.3-22-46.3-48.9V410.1l331,207.8c2.3,1.5,38.6,24.1,82.7,24.1c23.2,0,48.5-6.2,72.1-25L998.6,397v417.5 C998.6,841.6,977.9,863.5,952.4,863.5z"/> </svg></div><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f559_email.svg" loading="lazy" alt=""/></div></div><div class="div_hide"><a href="mailto:Hellobrandfuelevents.com" class="footer_link_email">hello@brandfuelevents.com</a></div></div><div class="footer_in center"><div class="icon_wrapp"><div class="icon_embed"><div class="icon_embed_footer hide w-embed"><?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve"> <style type="text/css"> .st0{fill:none;stroke:#DF0050;stroke-width:46;stroke-linecap:round;stroke-miterlimit:10;} </style> <path class="st0" d="M803.17,98.35H398.05c-37.68,0-68.23,30.55-68.23,68.23v863.53c0,37.68,30.55,68.23,68.23,68.23h405.12 c37.68,0,68.23-30.55,68.23-68.23V166.58C871.4,128.9,840.85,98.35,803.17,98.35z M604.02,1036.65c-20.31,0-36.79-16.47-36.79-36.78 c0-20.32,16.48-36.79,36.79-36.79s36.79,16.47,36.79,36.79C640.81,1020.18,624.33,1036.65,604.02,1036.65z M809.54,878.42H392.71 v-612h416.82V878.42z M542.34,171.3h127.87"/> </svg></div></div></div><div class="div_hide"></div></div></div></div></div></div><div class="contact_im_wra"><div class="img_wrapp"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f568_logo_png_1.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f568_logo_png_1-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f568_logo_png_1-p-800.png 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f568_logo_png_1.png 831w" alt="" class="imgg"/></div></div></section><div class="svg_mobile_wrap-copy"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65e599eeb3634423aeea601e_static%20red%20lottie_large%20hole.svg" loading="lazy" alt="" class="svg_footer"/></div></div><section id="Contact" class="footer_grid_parent op-0"><div class="footer_grid"><div id="w-node-_3ce878d9-8016-a9a1-8239-85cde45783f0-8780f529" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Company Info</div></a></div><div id="w-node-e42458a3-f209-ddec-7e5e-b11d2dc12109-8780f529" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Sustainability </div></a></div><div id="w-node-_83178a51-0e4e-8270-cc10-d282679fc11c-8780f529" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Accessibility </div></a></div><div id="w-node-fd834e06-e516-42c7-8b12-871763d8e2cc-8780f529" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Careers</div></a></div><div id="w-node-_2e9270a3-61dc-678a-afbb-fcf5dbad186e-8780f529" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Newsletter</div></a></div></div></section></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65a16a56a87dac8a8780f532" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/js/webflow.49a933de8.js" type="text/javascript"></script><script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-copyclip@1/copyclip.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-socialshare@1/socialshare.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/gsap.min.js"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script src=" https://cdn.jsdelivr.net/npm/granim@2.0.0/dist/granim.min.js "></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/ScrollTrigger.min.js"></script> <script src=" https://cdn.jsdelivr.net/npm/split-type@0.3.4/umd/index.min.js "></script> <script> (function () { const LOCALHOST_URL = [ 'http://localhost:3000/@vite/client', 'http://localhost:3000/src/main.js' ] const PROD_URL = ['https://brandfuel-main.netlify.app/main.js'] function createScripts(arr, isDevMode) { return arr.map(function (url) { const s = document.createElement('script') s.src = url if (isDevMode) { s.type = 'module' } return s }) } function insertScript(scriptArr) { scriptArr.forEach(function (script) { document.body.appendChild(script) }) } const localhostScripts = createScripts(LOCALHOST_URL, true) const prodScripts = createScripts(PROD_URL, false) let choosedScripts = null fetch(LOCALHOST_URL[0], {}) .then(() => { choosedScripts = localhostScripts }) .catch((e) => { choosedScripts = prodScripts console.error(e) }) .finally(() => { if (choosedScripts) { insertScript(choosedScripts) return } console.error('something went wrong, no scripts loaded') }) })() </script> <script data-id-scroll data-autoinit="true" data-duration="1" data-orientation="vertical" data-smoothWheel="true" data-smoothTouch="false" data-touchMultiplier="1.5" data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))" data-useOverscroll="true" data-useControls="true" data-useAnchor="true" data-useRaf="true" data-infinite="false" defer src="https://assets-global.website-files.com/645e0e1ff7fdb6dc8c85f3a2/64a5544a813c7253b90f2f50_lenis-offbrand.txt"> </script> <script> var granimInstance = new Granim({ element: '#granim-canvas', direction: 'diagonal', isPausedWhenNotInView: true, states : { "default-state": { gradients: [ ['#000000', '#000000'], // black and gray ] }, "second-state": { gradients: [ ['#000000', '#00464B'], // black and green ] }, "third-state": { gradients: [ ['#5B267E', '#BD4511'], // purple and orange ] }, "last-state": { gradients: [ ['#BD4511', '#5B267E'], // orange and purple ] } } }); const triggers = ['.about_section', '.cms_case_child', '.about_us_section', '.contact_us_section']; const states = ['default-state', 'second-state', 'third-state', 'last-state']; triggers.forEach((trigger, index) => { gsap.timeline({ scrollTrigger: { trigger: trigger, start: "top+=300 center", end: "bottom+=300 center", onEnter: () => granimInstance.changeState(states[index]), onLeaveBack: () => { if (index !== 0) { const previousIndex = index - 1; granimInstance.changeState(states[previousIndex]); } }, scrub: true } }); }); </script> <script> const cmsLink = document.querySelectorAll('[data-a="cms-link"]'); const cmsWrap = document.querySelectorAll('[data-a="cms-v-wrap"]'); const cmsVideo = document.querySelectorAll('[data-a="cms-v"]'); const cmsH2 = document.querySelectorAll('[data-a="cms-h2"]'); const cmsH3 = document.querySelectorAll('[data-a="cms-h3"]'); const cmsH4 = document.querySelectorAll('[data-a="cms-h4"]'); cmsLink.forEach((link) => { const cmsWrap = link.querySelector('[data-a="cms-v-wrap"]'); const cmsVideo = link.querySelector('[data-a="cms-v"]'); const cmsH2 = link.querySelector('[data-a="cms-h2"]'); const cmsH3 = link.querySelector('[data-a="cms-h3"]'); const cmsH4 = link.querySelector('[data-a="cms-h4"]'); const Trigger = link.querySelector('.div_hold'); // Split the text into characters const cH2 = new SplitType(cmsH2, { types: 'chars' }); const cH3 = new SplitType(cmsH3, { types: 'chars' }); const cH4 = new SplitType(cmsH4, { types: 'chars' }); const cmsTl = gsap.timeline({ scrollTrigger:{ trigger: link, start: 'top bottom', // onEnter: () => cmsTl.restart(), // onEnterBack: () => cmsTl.restart(), // onLeave: () => cmsTl.restart(), } }); cmsTl.from(cmsWrap, { y: '10%', scale: 1.1, duration: 1.8, ease: 'expo.out', }, 0.1); // Animate the characters cmsTl.from(cH2.chars, { y: '120%', opacity: 0, stagger: 0.02, ease: 'expo.out', duration: 1.4 }, 0.1); cmsTl.from(cH3.chars, { y: '120%', opacity: 0, stagger: 0.02, ease: 'expo.out', duration: 1.4 }, 0.1); cmsTl.from(cH4.chars, { y: '120%', opacity: 0, stagger: 0.02, ease: 'expo.out', duration: 1.4 }, 0.1); gsap.to(cmsVideo, { scale: 1.3, // scale to 200% scrollTrigger: { trigger: cmsVideo, start: 'top bottom', // start when top of cmsVideo hits bottom of viewport end: 'bottom top', // end when bottom of cmsVideo hits top of viewport scrub: true } }); }); </script></body></html>