All your digital needs. One studio

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="msapplication-tap-highlight" content="no"> <title>All your digital needs. One studio | yolk</title> <meta name="description" content="Let our digital studio solve your creative problems with user-friendly mobile or web app development and design. For every company, from startups to corporations."> <meta property="og:title" content="All your digital needs. One studio | yolk"> <meta property="og:image" content="https://www.yolkstudio.com/images/og_image.png"> <meta property="og:url" content="https://www.yolkstudio.com"> <meta property="og:description" content="Let our digital studio solve your creative problems with user-friendly mobile or web app development and design. For every company, from startups to corporations."> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary"> <meta name="twitter:creator" content="@Yolk"> <meta name="twitter:url" content=""> <meta name="twitter:title" content="All your digital needs. One studio | yolk"> <meta name="twitter:description" content="Let our digital studio solve your creative problems with user-friendly mobile or web app development and design. For every company, from startups to corporations."> <meta name="twitter:image" content="https://www.yolkstudio.com/assets/img/share-image.jpg"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/common.css?1706545624"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/parts.css?1706532438"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/welcome.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/dashly.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/wagestream.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/mooveez.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/sedleckyKaolin.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/anywhale.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/workpocket.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/kuberg.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/aside.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/whatwedo.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/projectShowcase.css"> <link rel="stylesheet" href="https://www.yolkstudio.com/dist/css/mobile.css?1706532436"> <link href="https://fonts.googleapis.com/css?family=Hind:300,400,700&display=swap" rel="stylesheet">  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TH4H6ZL');</script>   <link rel="apple-touch-icon" sizes="180x180" href="https://www.yolkstudio.com/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.yolkstudio.com/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.yolkstudio.com/favicon-16x16.png"> <link rel="manifest" href="https://www.yolkstudio.com/site.webmanifest"> <link rel="mask-icon" href="https://www.yolkstudio.com/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#603cba"> <meta name="theme-color" content="#ffffff"> </head> <body class="page ">    <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TH4H6ZL" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <header class="header"> <div class="header__bg"></div> <a href="https://www.yolkstudio.com" class="header__logo">yolk.</a> <a href="#" class="header__burger"> Open menu <div class="line l1"></div> <div class="line l2"></div> <div class="line l3"></div> </a> <ul class="header__menu"> <li class="header__item"><a href="https://www.yolkstudio.com#our-work" class="ourWorkScroll" >Our work</a></li> <li class="header__item"><a href="https://www.yolkstudio.com/about">About us</a></li> <li class="header__item"><a href="https://medium.com/@yolkstudio" target="_blank">Blog</a></li> <li class="header__item"><a href="https://www.yolkstudio.com/contact">Contact</a></li> </ul> <div class="header__social"> <a href="#" class="header__social-item fb" target="_blank">Visit our Facebook page</a> <a href="#" class="header__social-item ig" target="_blank">Visit our Instagram profile</a> <a href="#" class="header__social-item dr" target="_blank">Visit our Dribbble profile</a> </div> </header> <nav class="navigation"> <a href="https://www.yolkstudio.com" class="navigation__logo"> <div class="logo__short"> <?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 311 357" style="enable-background:new 0 0 311 357;" xml:space="preserve"> <g> <g> <path d="M266.7,169.1c-23.4,0-42.3,19-42.3,42.3s19,42.3,42.3,42.3s42.3-19,42.3-42.3S290,169.1,266.7,169.1z M297.9,5.5v-4H181v4c62.7,0,38.1,80.7,38.1,80.7l-20.6,60.7l-51.1-99.3c0,0-22.1-42.1,11.5-42.1v-4H2v4c10,1,26.6,5,40.6,31.1 L157,264.2c-14,50.1-26.6,40.6-28.6,33.1c-3.5-10.5-11-18.6-22.1-23.6c-21.6-9.5-46.6,0-56.7,21.6c-9,21.6,0,46.6,21.6,56.7 c14.5,6.5,37.1,4,48.1-5c11.5-9.5,26.1-29.1,41.6-79.2l62.7-180C250.2,24.5,261.8,5.5,297.9,5.5z"/> </g> </g> </svg> </div> <div class="logo__long"> <svg xmlns="http://www.w3.org/2000/svg" width="60.719" height="29.719" viewBox="0 0 60.719 29.719"> <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about=""/> </rdf:RDF> </x:xmpmeta> <?xpacket end="w"?></metadata> <defs> <style> .cls-1 { fill: #231f20; fill-rule: evenodd; } </style> </defs> <path id="yolk" class="cls-1" d="M247.266,63.363V63.6c3.75,0,2.28,4.83,2.28,4.83l-1.23,3.63-3.06-5.94s-1.32-2.52.69-2.52v-0.24h-9.389V63.6a2.992,2.992,0,0,1,2.429,1.86l6.84,13.62h0c-0.84,3-1.59,2.43-1.71,1.98a2.347,2.347,0,0,0-1.32-1.41,2.583,2.583,0,0,0-3.39,1.29,2.609,2.609,0,0,0,1.29,3.39,3.127,3.127,0,0,0,2.88-.3c0.69-.57,1.56-1.74,2.49-4.74l3.75-10.77c1.59-3.78,2.28-4.92,4.44-4.92v-0.24h-6.99Zm14.4-.27c-5.369,0-7.739,3.24-7.739,7.2,0,3.93,2.37,7.2,7.739,7.2s7.74-3.27,7.74-7.2C269.406,66.333,267.036,63.093,261.666,63.093Zm0,14.13c-1.649,0-1.679-1.5-1.679-6.93s0.03-6.93,1.679-6.93c1.62,0,1.65,1.5,1.65,6.93S263.286,77.223,261.666,77.223Zm15.24-3.39V54.844l-6.69,1.26v0.24c1.23,0.45,1.59.87,1.59,1.92V73.833c0,1.56-.03,2.82-1.17,3.15v0.24h7.5v-0.24C277.056,76.683,276.906,75.483,276.906,73.833Zm16.889,0.84-5.039-6.42c2.7-2.79,6.629-4.65,8.339-4.65v-0.24h-8.159V63.6c1.89,0,1.53,2.49.21,3.87l-3.51,3.6s0.84,1.32,1.74,2.61c2.01,3,2.28,3.54,4.35,3.54h5.549v-0.27C295.925,76.953,294.785,76.053,293.8,74.673Zm-8.7-.84V54.844l-6.69,1.26v0.24c1.23,0.45,1.59.87,1.59,1.92V73.833c0,1.56-.03,2.82-1.17,3.15v0.24h7.5v-0.24C285.246,76.683,285.1,75.483,285.1,73.833Z" transform="translate(-236.562 -54.844)"/> </svg> </div> </a> <ul class="navigation__paginator paginator"> <li class="paginator__progress"></li> </ul> <a href="#" class="navigation__hamburger hamburger"> Open menu <i class="hamburger__line hamburger__line--long l1"></i> <i class="hamburger__line l2"></i> <i class="hamburger__line l3"></i> <i class="hamburger__line l4"></i> </a> <div class="navigation__menu"> <ul class="navigation__menu__main"> <li class="navigation__menu__main__item"><a href="https://www.yolkstudio.com">Home</a></li> <li class="navigation__menu__main__item"><a href="https://www.yolkstudio.com#our-work" class="ourWorkScroll" >Our work</a></li> <li class="navigation__menu__main__item"><a href="https://www.yolkstudio.com/about">About us</a></li> <li class="navigation__menu__main__item"><a href="https://www.yolkstudio.com/contact">Contact</a></li> </ul> <ul class="navigation__menu__social"> <li class="navigation__menu__social__item"> <a href="https://www.facebook.com/weareyolk" target="_blank" rel="noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>fb</title><g><g><g><g><path fill="#c1c1c1" d="M25.64,48h-23A2.65,2.65,0,0,1,0,45.35V2.65A2.65,2.65,0,0,1,2.65,0h42.7A2.65,2.65,0,0,1,48,2.65v42.7A2.65,2.65,0,0,1,45.35,48H33.12V29.41h6.24l.93-7.24H33.12V17.54c0-2.1.58-3.53,3.59-3.53h3.84V7.54A51.28,51.28,0,0,0,35,7.25c-5.53,0-9.32,3.38-9.32,9.58v5.34H19.38v7.24h6.26V48Z"/></g></g></g></g></svg> </a> </li> <li class="navigation__menu__social__item"> <a href="https://www.instagram.com/weareyolk/" target="_blank" rel="noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>ig</title><g><g><g><g><path fill="#c1c1c1" d="M24,0c-6.52,0-7.34,0-9.9.14A17.61,17.61,0,0,0,8.28,1.26,11.76,11.76,0,0,0,4,4,11.76,11.76,0,0,0,1.26,8.28,17.61,17.61,0,0,0,.14,14.1C0,16.66,0,17.48,0,24s0,7.34.14,9.9a17.61,17.61,0,0,0,1.12,5.83A11.76,11.76,0,0,0,4,44a11.77,11.77,0,0,0,4.25,2.77,17.62,17.62,0,0,0,5.83,1.12c2.56.12,3.38.14,9.9.14s7.34,0,9.9-.14a17.62,17.62,0,0,0,5.83-1.12,12.27,12.27,0,0,0,7-7,17.62,17.62,0,0,0,1.12-5.83C48,31.34,48,30.52,48,24s0-7.34-.14-9.9a17.62,17.62,0,0,0-1.12-5.83A11.76,11.76,0,0,0,44,4a11.76,11.76,0,0,0-4.25-2.77A17.61,17.61,0,0,0,33.9.14C31.34,0,30.52,0,24,0Zm0,4.32c6.41,0,7.17,0,9.7.14a13.28,13.28,0,0,1,4.46.83,7.43,7.43,0,0,1,2.76,1.8,7.44,7.44,0,0,1,1.8,2.76,13.28,13.28,0,0,1,.83,4.46c.12,2.53.14,3.29.14,9.7s0,7.17-.14,9.7a13.28,13.28,0,0,1-.83,4.46,7.95,7.95,0,0,1-4.55,4.55,13.28,13.28,0,0,1-4.46.83c-2.53.12-3.29.14-9.7.14s-7.17,0-9.7-.14a13.28,13.28,0,0,1-4.46-.83,7.44,7.44,0,0,1-2.76-1.8,7.44,7.44,0,0,1-1.8-2.76,13.28,13.28,0,0,1-.83-4.46c-.12-2.53-.14-3.29-.14-9.7s0-7.17.14-9.7a13.28,13.28,0,0,1,.83-4.46,7.43,7.43,0,0,1,1.8-2.76,7.44,7.44,0,0,1,2.76-1.8,13.28,13.28,0,0,1,4.46-.83C16.83,4.35,17.59,4.32,24,4.32Zm0,7.35A12.32,12.32,0,1,0,36.32,24,12.32,12.32,0,0,0,24,11.68ZM24,32a8,8,0,1,1,8-8A8,8,0,0,1,24,32ZM39.69,11.19a2.88,2.88,0,1,1-2.88-2.88A2.88,2.88,0,0,1,39.69,11.19Z"/></g></g></g></g></svg> </a> </li> </ul> </div> </nav> <div class="page__wrap"> <section id="welcome" class="section welcome"> <div class="welcome__svg-container"> <div class="welcome__svg"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1928.2 2005"> <path fill="transparent" d="M0 0h1928.2v2000H0z"/> <path id="welcome__bottom-path" d="M1746.8 476.2h-289.1c-62 0-121.5 24.6-165.3 68.5l-327.9 328c-43.8 43.8-103.3 68.5-165.3 68.5H365.6c-62 0-121.5 24.6-165.3 68.5l-70.4 70.4h1798.3V391.6l-16.1 16.1c-43.8 43.9-103.3 68.5-165.3 68.5zm0 0h-289.1c-62 0-121.5 24.6-165.3 68.5l-327.9 328c-43.8 43.8-103.3 68.5-165.3 68.5H365.6c-62 0-121.5 24.6-165.3 68.5L0 1210v795h1928.2V391.6l-16.1 16.1c-43.8 43.9-103.3 68.5-165.3 68.5z" fill="#6f42f5"/> <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="377.897" y1="-1242.737" x2="1777.4" y2="-1242.737" gradientTransform="translate(8.2 1880)"> <stop offset="0" stop-color="#6d44d2"/> <stop offset=".99" stop-color="#5434cf"/> </linearGradient> <path d="M1193.9 276.2L386.1 1079l792.7 1 606.8-606.6-197.3-197.2c-108.8-108.9-285.4-108.9-394.4 0z" fill="url(#b)"/> <path id="welcome-path-first" d="M1714.2 491.6l-16.1 16.1c-43.8 43.8-103.3 68.5-165.3 68.5h-289.1c-62 0-121.5 24.6-165.3 68.5l-327.9 328c-43.8 43.8-103.3 68.5-165.3 68.5H428.7l-38.9 38.8h789l535.4-535.2v-53.2z" transform="translate(-15)" fill="#9672f1"/> <path id="welcome-path-moon" d="M456.2 367.6v-17L332.1 474.8c1.3 4.2 2.9 8.3 4.6 12.4l119.5-119.6zm0 33.9v-17l-114 114c2 3.6 4.1 7.1 6.5 10.5l107.5-107.5zm-127.4 8.7c-1.3 6.4-2.1 12.9-2.4 19.4l123.4-123.4c-6.5.3-13 1.1-19.4 2.4L328.8 410.2zm127.4 25.3v-17L355.9 518.8c2.5 3.1 5.2 6.1 8.1 8.9l92.2-92.2zm0-101.8v-17L326.6 446.3c.4 5 1.1 10 2 14.9l127.6-127.5zm0 203.6v-17l-39.5 39.5c4.4 1.4 8.9 2.6 13.5 3.5l26-26zm0 17L445 565.5c3.7.3 7.4.5 11.2.5v-11.7zm-50.3-238.2c-31.4 13.2-56.4 38.2-69.6 69.6l69.6-69.6zm50.3 153.3v-17l-83.3 83.3c3.1 2.6 6.3 5 9.6 7.3l73.7-73.6zm0 34v-17L393 549.6c3.7 2.1 7.5 3.9 11.4 5.6l51.8-51.8z" fill="#c0a4f7"/> <linearGradient id="d" gradientUnits="userSpaceOnUse" x1="1564.563" y1="-1614.437" x2="1661.437" y2="-1517.563" gradientTransform="translate(8.2 1873)"> <stop offset="0" stop-color="#fff"/> <stop offset="1" stop-color="#8d69ff"/> </linearGradient> <circle cx="1621.2" cy="307" r="68.5" fill="url(#d)" id="welcome-path-gradient-circle"/> <linearGradient id="e" gradientUnits="userSpaceOnUse" x1="1579.161" y1="-1701.839" x2="1596.839" y2="-1684.161" gradientTransform="translate(8.2 1873)"> <stop offset="0" stop-color="#fff"/> <stop offset="1" stop-color="#8d69ff"/> </linearGradient> <circle cx="1596.2" cy="180" r="12.5" fill="url(#e)" id="circle"/> <path d="M1840.8 600.8c-7.4-7.4-7.4-19.5 0-26.9s19.5-7.4 26.9 0c7.4 7.4 7.4 19.4 0 26.8-7.4 7.5-19.5 7.5-26.9.1zm-15.4 304c7.4 7.4 19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9zm86.3-182.5c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9zM1833.9 827c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm81.9-274.3l12.4-12.4V491c-3.6.7-7 2.5-9.6 5.1l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.5 26.9 0zm12.4 372.2v-30.2c-8.3-6.4-20.3-4.8-26.6 3.6-6.4 8.3-4.8 20.3 3.6 26.6 6.7 5.2 16.2 5.2 23 0zm-124 1.2c-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.4 7.4 26.8 0 7.5-7.4 7.5-19.5.1-26.9zm99-126c-7.5 7.3-7.6 19.4-.3 26.9 6.8 6.9 17.7 7.6 25.3 1.7v-30.2c-7.6-5.8-18.2-5.1-25 1.6zM1882 682.7l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm46.2 5.3v-2.1 2.1zm-75.9 313.1l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm-174 77.8c7.4-7.4 7.4-19.5 0-26.9-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm-48.1-144.3l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm-26.9 165.5l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0zm152.8-291.5l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm-96.2 165.6c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0l29.7-29.7c7.3-7.4 7.1-19.4 0-26.9zM1708 953c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm0-96.3c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm21.2 213.7l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0zm56.6-222.2c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.8c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.5 7.4-19.5 0-27zm-29.7 126c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9zm21.2 48.1c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm-159.7 255.9c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm-83.6-178.1c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9zm48.1-21.2c7.4-7.4 7.4-19.5 0-26.9-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm-60.7 103.1c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm156.9-6.9c7.4-7.4 7.4-19.5 0-26.9-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zM1807 703.9c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0c7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm121.2 263.7l-6.6 6.6c-7.4 7.4-7.4 19.5 0 26.9 1.9 1.9 4.1 3.3 6.6 4.3v-37.8zm-228.7 228.7l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0zm174-174c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm-48.1 48.1l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0zm-77.8 77.8c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm-117.4 48.1c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9zm-18.4-339.6c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm48.1-48.1l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm-104.7 147.2c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0c7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm182.5-225c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm48.1-48.1l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm-360.6 403.1c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zm60.7-103.1c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zm-48.1 21.2c-7.4-7.4-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9zm96.2-69.3l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0zm-26.9 69.3l-29.7 29.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0l29.7-29.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0z" fill="#8757ff"/> <path d="M799.2 941.2H365.6c-62 0-121.5 24.6-165.3 68.5L0 1210v60h988.2l10-330.4s-137 1.6-199 1.6z" fill="#8b5ff4"/> <path d="M1739.6 477.1h-290.4c-62.3 0-122 24.6-166.1 68.5l-329.4 328c-44 43.9-103.8 68.6-166.1 68.6H523.5c-85.8 85.4-168.9 168.2-241.6 240.7-62.5 62.2-128.5 73.7-192 73.7l-89.9.2v393.9l215.4.2h290.4v-.1c62.3 0 122-24.6 166.1-68.5l54.4-54.3c.5-.2.9-.5 1.3-.9l1060.3-1055c-15.9 3.3-32.1 5-48.3 5z" fill="#c0a4f7"/> <g fill="#cbb6ff"> <path id="welcome-path-laser" d="M612.9 697.2c-7.8-7.8-20.5-7.8-28.3 0L471.5 810.3c-7.8 7.8-7.8 20.5 0 28.3s20.5 7.8 28.3 0l113.1-113.1c7.8-7.8 7.8-20.5 0-28.3zM415.3 867.3L302.2 980.4c-7.8 7.8-7.8 20.5 0 28.3s20.5 7.8 28.3 0l113.1-113.1c7.8-7.8 7.8-20.5 0-28.3s-20.5-7.8-28.3 0zM245.6 1037l-113.1 113.1c-7.8 7.8-7.8 20.5 0 28.3 7.8 7.8 20.5 7.8 28.3 0l113.1-113.1c7.8-7.8 7.8-20.5 0-28.3-7.8-7.8-20.5-7.8-28.3 0zM73.6 1209l-65.4 65.4v56.6l93.7-93.7c7.8-7.8 7.8-20.5 0-28.3s-20.5-7.8-28.3 0z" opacity=".6"/> </g> <path id="welcome-path-circle-bottom--medium" d="M526.7 1363.5c19.3 0 35 15.7 35 35s-15.7 35-35 35-35-15.7-35-35 15.7-35 35-35z" fill="#5c36cf"/> <path id="welcome-path-moon-bottom" d="M234.3 1510.7l125.3-125.2c-34.2-35-90.3-35.6-125.2-1.4s-35.6 90.3-1.4 125.2c.4.5.9 1 1.3 1.4z" fill="#d3c1ff"/> <g> <path id="welcome-path-circle-bottom--small" d="M216.7 1634.5c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20z" fill="#5c36cf"/> </g> <g id="welcome-path-second"> <path d="M800.47 840.48a70.07 70.07 0 0 0-99 0l-99 99a70.004 70.004 0 0 0 99 99l99-99a70.07 70.07 0 0 0 0-99zm-13.1 84.8a50 50 0 1 1 0-70.7 50 50 0 0 1 0 70.7z" fill="#ccb8ff"/> </g> <g> <linearGradient id="f" gradientUnits="userSpaceOnUse" x1="1358.787" y1="-1270.213" x2="1640.213" y2="-988.788" gradientTransform="translate(8.2 1880)"> <stop offset="0" stop-color="#5533ce"/> <stop offset="1" stop-color="#2715ad"/> </linearGradient> <path id="welcome-path-circle" d="M1507.7 551.5c109.9 0 199 89.1 199 199s-89.1 199-199 199-199-89.1-199-199 89.1-199 199-199z" fill="url(#f)"/> <g> <path id="welcome-path-circle--small" d="M1508.2 694.5c31.2 0 56.5 25.3 56.5 56.5s-25.3 56.5-56.5 56.5-56.5-25.3-56.5-56.5 25.3-56.5 56.5-56.5z" fill="#8253ff"/> </g> </g> <g> <path id="welcome-path-moon-bottom--medium" d="M804.7 1582.6l300-299.9c-82.9-82.9-217.2-82.9-300.1-.1s-82.8 217.1.1 300z" fill="#5c36cf"/> <path id="welcome-path-moon-bottom--medium-inner" d="M1000 1357.2c-62 0-121.5 24.6-165.3 68.5l-78.2 78.2c10.6 29.2 27.5 55.8 49.5 77.8l224.5-224.5h-30.5z" fill="#4522ae"/> </g> <g> <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="583.568" y1="-2054.273" x2="1003.023" y2="-1634.828" gradientTransform="translate(8.2 1880)"> <stop offset="0" stop-color="#935de5"/> <stop offset="1" stop-color="#6634c1"/> </linearGradient> <path d="M836.9 419.5l197.2-197.3c58.5-58.4 88.1-139.8 80.6-222.2H417.5l419.4 419.5z" fill="url(#g)"/> <path d="M692.2 58.9c-7.4-7.4-19.5-7.4-26.9 0s-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9l-29.7-29.7z" fill="#a682ff" stroke="#8757ff" stroke-miterlimit="10"/> <circle cx="756.5" cy="246.2" r="19" fill="#a682ff" stroke="#8757ff" stroke-miterlimit="10"/> <path d="M818.1 280.9c-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.5 0-26.9l-29.7-29.7zM743.1 136.7c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0c7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zM791.2 115.4c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9l-29.7-29.7c-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.5 0 26.9l29.7 29.7zM740.3 37.7c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zM617.2 107c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zM566.3 29.2c-7.4-7.4-19.5-7.4-26.9 0s-7.4 19.5 0 26.9l29.8 29.6c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9l-29.8-29.6zM692.2 155c-7.4-7.4-19.5-7.4-26.9 0s-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9L692.2 155zM617.2 10.8c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0c7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zM914.2 88.6c-7.4-7.4-19.5-7.4-26.9 0s-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.5 0-26.9l-29.7-29.7zM965.8 167.1c-7.4 7.4-7.4 19.5 0 26.9s19.5 7.4 26.9 0c7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zM962.3 67.4c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zM914.2 184.7c-7.4-7.4-19.5-7.4-26.9 0s-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9l-29.7-29.7zM1010.4 88.6c-7.4-7.4-19.5-7.4-26.9 0s-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.5 0-26.9l-29.7-29.7zM869.7 263.2c-7.4 7.4-7.4 19.5 0 26.9 7.4 7.4 19.5 7.4 26.9 0 7.4-7.4 7.4-19.4 0-26.8-7.4-7.5-19.5-7.5-26.9-.1zM839.2 163.5c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9c-7.4-7.4-19.4-7.4-26.8 0-7.5 7.4-7.5 19.5-.1 26.9zM866.1 67.4c7.4-7.4 7.4-19.5 0-26.9s-19.5-7.4-26.9 0c-7.4 7.4-7.4 19.4 0 26.8 7.4 7.5 19.5 7.5 26.9.1zM818.1 184.7c-7.4-7.4-19.5-7.4-26.9 0-7.4 7.4-7.4 19.5 0 26.9l29.7 29.7c7.4 7.4 19.5 7.4 26.9 0s7.4-19.5 0-26.9l-29.7-29.7z" fill="#a682ff" stroke="#8757ff" stroke-miterlimit="10"/> </g> </svg> </div> </div> <div class="welcome__content-abs"> <div class="section__content welcome__content"> <p class="section__subheading welcome__subheading"> We are </p> <h1 class="section__heading welcome__heading js-text-animation"> yolk studio. </h1> <p class="section__copy welcome__copy"> Unleashing creativity through innovative web and mobile app development, bringing your digital visions to life. </p> <div class="welcome__cta"> <a href="#dashly" class="button button--primary js-button-animation jQscrollTo" data-scrollto="#dashly"> <span class="button__content"> <span class="button__icon icon icon__mouse"> <i class="icon__mouse-point"></i> </span> <span class="button__label"> Show our work </span> </span> </a> </div> </div> </div> </section> <section id="whatwedo" class="section whatwedo"> <div class="section__content"> <div class="section__content__body-wrapper"> <div class="section__content__body-wrapper__title"> <h2>A full-service digital agency <br> <span class="section__content__body-wrapper__title--small">specializing in web and mobile application development.<span> </h2> </div> <div class="section__content__body-wrapper__copy"> <p>With your permission we and our partners may use precise geolocation data and identification through device scanning. You may click to consent to our and our partners.</p> <br> <span class="section__content__body-wrapper__title--small">for your ideas & business.<span> </div> </div> <div id="whatwedoCards" class="section__content__box-wrapper"> <span class="f2 floating"><svg xmlns="http://www.w3.org/2000/svg"><g fill="#9269fa" fill-rule="evenodd"><path d="M130 61.6v-17L5.9 168.8c1.3 4.2 2.9 8.4 4.6 12.4L130 61.6zM130 95.5v-17l-114 114c2 3.6 4.1 7.1 6.5 10.5L130 95.5zM2.6 104.2C1.3 110.5.5 117 .2 123.6L123.6.2c-6.6.3-13.1 1.1-19.4 2.4L2.6 104.2zM130 129.5v-17L29.7 212.8c2.6 3.1 5.2 6.1 8.1 8.9l92.2-92.2zM130 27.7v-17L.4 140.3c.4 5.1 1.1 10 2 14.9L130 27.7zM130 231.3v-17l-39.5 39.5c4.4 1.4 8.9 2.6 13.5 3.5l26-26zM130 248.3l-11.2 11.2c3.7.3 7.4.5 11.2.5v-11.7zM79.7 10.1C48.4 23.3 23.3 48.3 10.1 79.7l69.6-69.6zM130 163.4v-17l-83.3 83.3c3.1 2.6 6.3 5 9.6 7.3l73.7-73.6zM130 197.4v-17l-63.2 63.2c3.7 2.1 7.5 3.9 11.4 5.6l51.8-51.8z"/></g></svg></span> <div class="section__content__box-wrapper__item"> <span class="floating floating--circle f1"></span> <div class="section__content__box-wrapper__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="#1D1D1D" d="M49.001 30c-.027 0-.055-.001-.082-.003l-37-3a1.002 1.002 0 01-.805-.533l-11-21a1 1 0 011.333-1.359l47.895 23.948A1.001 1.001 0 0149.02 30H49zM12.63 25.048l31.307 2.538L3.323 7.279l9.307 17.769z"/><path fill="#1D1D1D" d="M29.31 20.15a.999.999 0 01-.573-1.819l21.69-15.15a1 1 0 011.145 1.638l-21.69 15.15a.992.992 0 01-.571.181z"/><path fill="#1D1D1D" d="M49.001 30l-.081-.003a1 1 0 01-.917-1.077l2-25a1 1 0 011.994.16l-2 25a1 1 0 01-.996.92z"/><path fill="#1D1D1D" d="M50.13 15.92a.999.999 0 01-.357-1.934L60.52 9.878l-9.967-4.983a1 1 0 11.894-1.79l12 6a1.001 1.001 0 01-.09 1.829l-12.87 4.92a1.002 1.002 0 01-.357.066zM1 64a1.001 1.001 0 01-.959-1.285l11-37c.158-.53.709-.825 1.244-.674.53.158.831.715.674 1.244l-11 37A1 1 0 011 64z"/><path fill="#1D1D1D" d="M1.001 64a1 1 0 01-.58-1.816l48-34a1.001 1.001 0 011.157 1.632l-48 34a.997.997 0 01-.577.184zM23.611 17.3a1 1 0 01-.872-.51l-8.61-15.3A.998.998 0 1115.87.51l8.61 15.3a.998.998 0 01-.87 1.49z"/><path fill="#1D1D1D" d="M14.91 12.38h-.009a1 1 0 01-.99-1.009L14 .991A1 1 0 0115 0h.009A1 1 0 0116 1.009l-.09 10.38a1 1 0 01-1 .99zM20.74 48.46a.998.998 0 01-.926-.623l-8.74-21.46a.998.998 0 01.55-1.303.997.997 0 011.302.55l8.74 21.459a.998.998 0 01-.926 1.377z"/></svg> </div> <div class="section__content__box-wrapper__item__copy"> <h4>Branding</h4> <p>Logo & Visual identity</p> <p>Strategy & Positioning</p> <p>Motion animations</p> <p>Brand collateral</p> </div> </div> <div class="section__content__box-wrapper__item"> <div class="section__content__box-wrapper__item__icon"> <svg version="1.1" id="Proximo" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 64 64" xml:space="preserve"><style>.st0{fill:#1d1d1d}</style><g id="XMLID_448_"><path class="st0" d="M47 64H17c-2.8 0-5-2.2-5-5V5c0-2.8 2.2-5 5-5h30c2.8 0 5 2.2 5 5v54c0 2.8-2.2 5-5 5zM17 2c-1.7 0-3 1.3-3 3v54c0 1.7 1.3 3 3 3h30c1.7 0 3-1.3 3-3V5c0-1.7-1.3-3-3-3H17z" id="XMLID_183_"/><path class="st0" d="M51 8H13c-.6 0-1-.4-1-1s.4-1 1-1h38c.6 0 1 .4 1 1s-.4 1-1 1z" id="XMLID_428_"/><path class="st0" d="M51 52H13c-.6 0-1-.4-1-1s.4-1 1-1h38c.6 0 1 .4 1 1s-.4 1-1 1z" id="XMLID_418_"/><path class="st0" d="M32 61c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" id="XMLID_362_"/><path class="st0" d="M34 5h-4c-.6 0-1-.4-1-1s.4-1 1-1h4c.6 0 1 .4 1 1s-.4 1-1 1z" id="XMLID_363_"/><g id="XMLID_439_"><path class="st0" d="M23 42h-6c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h6c.6 0 1 .4 1 1v6c0 .6-.4 1-1 1zm-5-2h4v-4h-4v4z" id="XMLID_415_"/><path class="st0" d="M23 48h-6c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h6c.6 0 1 .4 1 1v6c0 .6-.4 1-1 1zm-5-2h4v-4h-4v4z" id="XMLID_416_"/><path class="st0" d="M29 48h-6c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h6c.6 0 1 .4 1 1v6c0 .6-.4 1-1 1zm-5-2h4v-4h-4v4z" id="XMLID_417_"/></g><g id="XMLID_357_"><path class="st0" d="M47 24H17c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h30c.6 0 1 .4 1 1v6c0 .6-.4 1-1 1zm-29-2h28v-4H18v4z" id="XMLID_419_"/><path class="st0" d="M47 18H17c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h30c.6 0 1 .4 1 1v6c0 .6-.4 1-1 1zm-29-2h28v-4H18v4z" id="XMLID_436_"/><path class="st0" d="M47 30H17c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h30c.6 0 1 .4 1 1v6c0 .6-.4 1-1 1zm-29-2h28v-4H18v4z" id="XMLID_437_"/></g><path class="st0" d="M41 37c-.3 0-.5-.1-.7-.3-.2-.2-.3-.4-.3-.7 0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0 .2.2.3.4.3.7 0 .3-.1.5-.3.7-.2.2-.4.3-.7.3z" id="XMLID_445_"/><path class="st0" d="M41 41c-.3 0-.5-.1-.7-.3-.2-.2-.3-.4-.3-.7 0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0 .2.2.3.4.3.7 0 .3-.1.5-.3.7-.2.2-.4.3-.7.3z" id="XMLID_446_"/><path class="st0" d="M41 45c-.3 0-.5-.1-.7-.3-.2-.2-.3-.4-.3-.7 0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0 .2.2.3.4.3.7 0 .3-.1.5-.3.7-.2.2-.4.3-.7.3z" id="XMLID_447_"/></g></svg> </div> <div class="section__content__box-wrapper__item__copy"> <h4>App&Web</h4> <p>UX & UI Design</p> <p>Prototyping</p> <p>Software Architecture & Engineering</p> <p>Frontend & Backend development</p> <p>iOS and Android development</p> <p>DevOps</p> </div> </div> <div class="section__content__box-wrapper__item"> <div class="section__content__box-wrapper__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="#1D1D1D" d="M8.001 52.62a.998.998 0 01-.775-.367 31.715 31.715 0 01-5.482-9.818 1.001 1.001 0 011.893-.649 29.678 29.678 0 005.137 9.201 1 1 0 01-.773 1.633zM32 64c-3.533 0-7.006-.573-10.322-1.704a.998.998 0 01-.624-1.269.998.998 0 011.268-.624A29.929 29.929 0 0032 62c16.542 0 30-13.458 30-30S48.542 2 32 2a29.829 29.829 0 00-16.731 5.099 29.953 29.953 0 00-6.543 5.973 1 1 0 01-1.55-1.264A31.966 31.966 0 0114.15 5.44 31.817 31.817 0 0132 0c17.645 0 32 14.355 32 32S49.645 64 32 64z"/><path fill="#1D1D1D" d="M32 33a1 1 0 01-.707-1.707l21.92-21.92a1 1 0 111.414 1.414l-21.92 21.92A.997.997 0 0132 33z"/><path fill="#1D1D1D" d="M32 64a1 1 0 01-1-1V32a1 1 0 112 0v31a1 1 0 01-1 1z"/><path fill="#1D1D1D" d="M48.002 59.557a.998.998 0 01-.857-.485L31.144 32.516a.999.999 0 111.712-1.032l16.001 26.557a.999.999 0 01-.855 1.516zM15 44C6.729 44 0 37.271 0 29s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-28C7.832 16 2 21.832 2 29s5.832 13 13 13 13-5.832 13-13-5.832-13-13-13z"/><path fill="#1D1D1D" d="M15 40C8.935 40 4 35.065 4 29s4.935-11 11-11 11 4.935 11 11-4.935 11-11 11zm0-20c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9zM18 64h-6a1 1 0 01-1-1V53a1 1 0 011-1h6a1 1 0 011 1v10a1 1 0 01-1 1zm-5-2h4v-8h-4v8z"/><path fill="#1D1D1D" d="M17 54h-4a1 1 0 01-1-1V42.86a1 1 0 112 0V52h2v-9.14a1 1 0 112 0V53a1 1 0 01-1 1zM19 30c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.27.11-.52.29-.71.38-.37 1.04-.37 1.42 0 .18.19.29.44.29.71 0 .26-.11.52-.29.71-.19.18-.45.29-.71.29zM11 30c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.27.11-.52.29-.71.38-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM15 30c-.27 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM32 33a1 1 0 01-1-1V1a1 1 0 112 0v31a1 1 0 01-1 1zM59 33c-.26 0-.52-.11-.71-.29A1.05 1.05 0 0158 32c0-.27.11-.52.29-.71.38-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM59 29c-.27 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM59 37c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.38-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM55 33c-.26 0-.52-.11-.71-.29A1.05 1.05 0 0154 32c0-.27.11-.52.29-.71.38-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.44.29-.71.29zM55 29c-.27 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM55 37c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.38-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM51 33c-.26 0-.52-.11-.71-.29A1.05 1.05 0 0150 32c0-.27.11-.52.29-.71.38-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM51 29c-.27 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM51 37c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM47 33c-.27 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.27.11-.52.29-.71.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM47 29c-.26 0-.52-.11-.71-.29-.19-.19-.29-.45-.29-.71s.1-.52.29-.71c.38-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM47 37c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.38-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM55 25c-.27 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM51 25c-.27 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.44.29-.71.29zM47 25c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM55 21c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.38-.37 1.05-.37 1.42 0 .18.19.29.44.29.71 0 .27-.11.52-.29.71-.19.18-.45.29-.71.29zM51 21c-.26 0-.52-.11-.71-.29A1.05 1.05 0 0150 20c0-.27.11-.52.29-.71.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM55 41c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM51 41c-.26 0-.52-.11-.71-.29A1.05 1.05 0 0150 40c0-.27.11-.52.29-.71.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM47 41c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.38-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM55 45c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.27.11-.52.29-.71.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .27-.11.52-.29.71-.19.18-.45.29-.71.29zM51 45c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.27.11-.52.29-.71.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM43 33c-.27 0-.52-.11-.71-.29-.19-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM43 29c-.26 0-.52-.11-.71-.29-.18-.19-.29-.45-.29-.71s.11-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.44.29-.71.29zM43 37c-.26 0-.52-.11-.71-.29-.18-.19-.29-.44-.29-.71 0-.27.11-.52.29-.71.38-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM43 41c-.26 0-.52-.11-.71-.29-.19-.19-.29-.45-.29-.71s.1-.52.29-.71c.37-.37 1.05-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29zM39 33c-.27 0-.52-.11-.71-.29-.19-.19-.29-.45-.29-.71s.1-.52.29-.71c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71s-.11.52-.29.71c-.19.18-.45.29-.71.29z"/></svg> </div> <div class="section__content__box-wrapper__item__copy"> <h4>Marketing</h4> <p>Social media campaigns</p> <p>Content startegy and creation</p> <p>Video & Photo production</p> <p>PPC & SEO optimisation</p> <p>Influencer cooperations</p> </div> </div> </div> </div> </section> <section id="project-showcase" class="section project-showcase"> <div class="section__content"> <div class="section__content__body-wrapper"> <div class="section__content__body-wrapper__title"> <h2>Bringing Ideas to Life: <br> <span class="section__content__body-wrapper__title--small">A Visual Showcase of Our Signature Projects<span> </h2> </div> </div> <div class="section__content__box-wrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/I-6mMZyQSXg?si=PGizQ7_cZ7MzzoSC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <div class="section__content__box-wrapper__title"> <h3>Yolk studio <br> <span class="section__content__box-wrapper__title--small">Showreel 2023<span> </h3> <div class="section__content__box-wrapper__title--line"></div> </div> <div class="section__content__box-wrapper__decoration-ring ring-floating"> <svg width="237" height="237" viewBox="0 0 237 237" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M118.5 237c65.446 0 118.5-53.054 118.5-118.5S183.946 0 118.5 0 0 53.054 0 118.5 53.054 237 118.5 237Zm.001-76.884c22.984 0 41.616-18.632 41.616-41.616 0-22.984-18.632-41.616-41.616-41.616-22.984 0-41.616 18.632-41.616 41.616 0 22.984 18.632 41.616 41.616 41.616Z" fill="#795DF0"/> </svg> </div> <div class="section__content__box-wrapper__decoration-sphere sphere-floating big"> <svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="41.5" cy="41.5" r="41.5" fill="url(#a)"/> <defs> <linearGradient id="a" x1="10" y1="14" x2="71" y2="83" gradientUnits="userSpaceOnUse"> <stop stop-color="#D9D9D9"/> <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/> </linearGradient> </defs> </svg> </div> <div class="section__content__box-wrapper__decoration-sphere sphere-floating small"> <svg width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="41.5" cy="41.5" r="41.5" fill="url(#a)"/> <defs> <linearGradient id="a" x1="10" y1="14" x2="71" y2="83" gradientUnits="userSpaceOnUse"> <stop stop-color="#D9D9D9"/> <stop offset="1" stop-color="#D9D9D9" stop-opacity="0"/> </linearGradient> </defs> </svg> </div> <div class="section__content__box-wrapper__decoration-halfring halfring-floating"><svg width="118" height="236" viewBox="0 0 118 236" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="halfring" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="118" height="236"> <path d="M0 118c0 65.17 52.83 118 118 118V0C52.83 0 0 52.83 0 118Z" fill="#740FD2"/> </mask> <g mask="url(#halfring)" stroke="#B8A4EC" stroke-width="11.063"> <path d="M157.333-41.791-14.75 130.292M157.333-81.125-14.75 90.958M157.333-2.459-14.75 169.625M157.333 36.875-14.75 208.958M157.333 76.21-14.75 248.293M157.333 115.54-14.75 287.624M157.333 154.875-14.75 326.958M157.333 194.21-14.75 366.293"/> </g> </svg> </div> </div> <div class="section__content__carousel js--section__content-carousel" data-active="0"> <div class="section__content__carousel__title"> <h3>We are trusted by</h3> </div> <div class="section__content__carousel__mockup js--section__content"> <div class="section__content__carousel__mockup-container"> <div id="logo-carousel-wrapper" class="section__content__carousel__mockup-wrapper js--section__content-wrapper"> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="0" style="background:url(https://www.yolkstudio.com/images/logos/logo-austin.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="1" style="background:url(https://www.yolkstudio.com/images/logos/logo-wood.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="2" style="background:url(https://www.yolkstudio.com/images/logos/logo-dashly.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="3" style="background:url(https://www.yolkstudio.com/images/logos/logo-kuberg.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="4" style="background:url(https://www.yolkstudio.com/images/logos/logo-orbi.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="5" style="background:url(https://www.yolkstudio.com/images/logos/logo-BP.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="6" style="background:url(https://www.yolkstudio.com/images/logos/logo-kaolin.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="7" style="background:url(https://www.yolkstudio.com/images/logos/logo-unica.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="8" style="background:url(https://www.yolkstudio.com/images/logos/logo-lekvi.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="9" style="background:url(https://www.yolkstudio.com/images/logos/logo-union.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="10" style="background:url(https://www.yolkstudio.com/images/logos/logo-austin.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="11" style="background:url(https://www.yolkstudio.com/images/logos/logo-wood.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="12" style="background:url(https://www.yolkstudio.com/images/logos/logo-dashly.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="13" style="background:url(https://www.yolkstudio.com/images/logos/logo-kuberg.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="14" style="background:url(https://www.yolkstudio.com/images/logos/logo-orbi.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="15" style="background:url(https://www.yolkstudio.com/images/logos/logo-BP.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="16" style="background:url(https://www.yolkstudio.com/images/logos/logo-kaolin.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="17" style="background:url(https://www.yolkstudio.com/images/logos/logo-unica.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="18" style="background:url(https://www.yolkstudio.com/images/logos/logo-lekvi.png)"></div> <div class="section__content__carousel__item js--section__content-carousel-item" data-carousel-item="19" style="background:url(https://www.yolkstudio.com/images/logos/logo-union.png)"></div> </div> </div> </div> <div class="section__content__carousel__nav mobile"> <button class="section__content__carousel__nav__arrow left js--section__content-change" data-slide="prev"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M8.941 1.792L2.758 8.017l6.183 6.226c.383.386.383 1.013 0 1.399-.384.386-1.006.386-1.39 0L.673 8.717c-.384-.387-.384-1.013 0-1.4L7.551.393c.384-.386 1.006-.386 1.39 0 .383.387.383 1.013 0 1.399z"/></svg> </button> <button class="section__content__carousel__nav__arrow right js--section__content-change" data-slide="next"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16"><path fill-rule="evenodd" d="M9.327 8.717l-6.878 6.925c-.384.386-1.006.386-1.39 0-.383-.386-.383-1.013 0-1.399l6.184-6.226-6.184-6.225C.676 1.406.676.78 1.059.393c.384-.386 1.006-.386 1.39 0l6.878 6.924c.384.387.384 1.013 0 1.4z"/></svg> </button> </div> </div> <div class="section__content__decoration-roundedrectangle"> <svg width="295" height="295" viewBox="0 0 295 295" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M39.79 7.264c-8.982-8.982-23.544-8.982-32.527 0-8.982 8.982-8.982 23.545 0 32.527l248.195 248.194c8.982 8.982 23.545 8.982 32.527 0s8.982-23.545 0-32.527L39.79 7.264Z" fill="#7E60F0"/> </svg> </div> <div class="section__content__decoration-roundedrectangle2"> <svg width="295" height="295" viewBox="0 0 295 295" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M39.79 7.264c-8.982-8.982-23.544-8.982-32.527 0-8.982 8.982-8.982 23.545 0 32.527l248.195 248.194c8.982 8.982 23.545 8.982 32.527 0s8.982-23.545 0-32.527L39.79 7.264Z" fill="#7E60F0"/> </svg> </div> </div> </section> <section id="dashly" class="section dashly"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>1</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>app</li> <li>ui</li> <li>marketing</li> <li>iOS App</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter"> <svg data-name="letter-d" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 407.5 393.1"> <path d="M165.3 388h-24.6V5h24.6C234 5 267.5 19.5 267.5 198.2c-.1 182-36.4 189.8-102.2 189.8zm0-388H0v4.5c24.6 0 32.9 38 32.9 72.6v239.5c0 38-8.9 71.5-32.9 71.5v5h165.2c111.1 0 242.3-31.8 242.3-194.8C407.5 34.6 276.4 0 165.3 0z" fill="#439cb6" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading"> Dashly </h2> <p class="section__copy"> <strong>Our team enabled Dashly to compare your mortgage against hundreds of market factors and thousands of lender offers daily.</strong> Dashly calculates and delivers a real, unbiased mortgage deal the moment it appears. <a href="https://www.yolkstudio.com/dashly" class="section__cta">View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span></a> </p> </div> <div class="section__thumbnail section__thumbnail--dashly"> <img src="https://www.yolkstudio.com/images/dashly@2.png" alt=""> </div> </div> </div> </section> <section id="wagestream" class="section wagestream"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>2</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>Mobile app</li> <li>3D</li> <li>Webdev</li> <li>UX/UI</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter wagestream__letter"> <svg data-name="letter-w" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 623 394"> <path fill="#279187" fill-rule="evenodd" d="M463.557.191v4.466c56.94 0 69.222 75.922 55.266 115.557L468.581 261.45 384.844 69.414s-28.47-64.757 7.257-64.757V.191H217.929v4.466c14.514 1.117 22.33.559 41.31 45.218 0 0 3.35 7.257 37.403 86.528l-44.66 124.489-84.295-191.478s-28.47-64.757 7.257-64.757V.191H.772v4.466c14.514 1.117 22.33.559 41.31 45.218 0 0 7.257 14.515 147.935 343.32h20.097l89.319-250.093c22.33 50.8 55.824 128.954 107.741 250.093h20.097l97.692-272.981C565.715 21.963 599.768 4.657 622.098 4.657V.191H463.557z" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading"> Wagestream </h2> <p class="section__copy"> <strong>We helped Wagestream provide a seamless brand experience for their 250,000+ customers.</strong> Wagestream is a financial wellbeing solution that empowers employees by allowing them to withdraw money they’ve already earned. <a href="https://www.yolkstudio.com/wagestream" class="section__cta">View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span></a> </p> </div> <div class="section__thumbnail section__thumbnail--wagestream"> <img src="https://www.yolkstudio.com/images/dashly@2.png" alt=""> </div> </div> </div> </section> <section id="mooveez" class="section mooveez"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>3</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>Mobile app</li> <li>UX/UI</li> <li>Marketing</li> <li>3D</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter mooveez__letter"> <svg data-name="latter-m" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 562 399"> <path fill="#0E1132" fill-rule="evenodd" d="M323.465 256.984L188.37.191H29.27v5.025c15.631 1.116 33.495 10.048 55.267 48.567v191.478c0 73.13-24.005 142.91-83.737 142.91v5.024h174.172v-5.024c-64.756 0-85.411-70.897-85.411-142.91V62.157L270.432 398.22h5.024L420.041 15.264v326.015c0 37.96-2.233 46.892-28.47 46.892v5.024h170.264v-5.024c-27.354 0-31.82-8.932-31.82-46.892V46.526c0-34.053-1.116-41.31 26.238-41.31V.191H420.041l-96.576 256.793z" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading"> Mooveez </h2> <p class="section__copy"> <strong>We joined forces with Mooveez to strengthen their award-winning app</strong> that teaches users how to speak English through the films they love with a complete UX/UI redesign, plus tons of marketing collateral. <a href="https://www.yolkstudio.com/mooveez" class="section__cta"> View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span> </a> </p> </div> <div class="section__thumbnail section__thumbnail--mooveez"> <img src="https://www.yolkstudio.com/images/mooveez@2.png" alt=""> </div> </div> </div> </section> <section id="sedleckyKaolin" class="section sedleckyKaolin"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>4</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>VISUAL IDENTITY</li> <li>3D VISUALS</li> <li>ANIMATIONS</li> <li>WEB DEV</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter sedleckyKaolin__letter"> <svg data-name="letter-a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.4 393"> <path fill="#0E1132" fill-rule="evenodd" d="m205 5 3.481.52C232.892 9.24 255.34 14.967 277 27v92h-5l-.527-1.597C263.116 92.176 253.639 67.34 236 47l-2.078-2.48C215.09 22.672 188.665 10.136 160 8c-18.01-.888-32.783-.63-48 10l-1.891 1.227C103.445 24.119 97.662 33.886 95.999 42c-1.003 12.957.26 23.312 6.001 35l1.57 3.203c9.916 18.299 25.519 30.575 42.617 41.734l4.252 2.803c2.823 1.862 5.648 3.719 8.476 5.573 3.769 2.475 7.521 4.973 11.268 7.48 6.083 4.066 12.193 8.09 18.309 12.105l5.637 3.704c2.87 1.885 5.741 3.77 8.613 5.652 9.651 6.325 19.278 12.672 28.715 19.312l2.026 1.423c6.507 4.622 12.552 9.716 18.517 15.011l1.574 1.371C260.809 202.675 267.2 209.32 273 217l1.793 2.352c17.414 23.829 27.449 52.45 23.906 82.167-4.394 28.042-17.547 53.508-40.638 70.399-34.124 24.06-78.633 28.103-119.103 27.126-2.837-.064-5.675-.1-8.513-.142C91.312 398.061 47.548 393.17 12 376l-2.033-.884c-5.522-2.797-5.522-2.797-6.693-6.265-.262-2.746-.264-5.391-.182-8.149l-.004-3.135c.006-3.416.068-6.828.13-10.243.015-2.369.027-4.739.035-7.108.03-6.233.109-12.464.197-18.697.082-6.361.119-12.722.16-19.083.085-12.48.221-24.958.39-37.436h5c1.825 4.468 3.627 8.929 5.215 13.488 14.787 42.403 45.171 82.942 85.939 102.814 21.322 10.1 49.006 17.083 72.139 8.886 13.089-5.407 21.433-13.908 27.699-26.571 5.822-15.119 4.446-31.998-1.992-46.617l-1.317-3.094c-11.371-24.621-31.488-39.676-54.043-53.445-5.631-3.441-11.204-6.971-16.765-10.524l-5.528-3.527-2.71-1.73c-4.101-2.613-8.212-5.21-12.325-7.805l-2.333-1.475a2792.972 2792.972 0 0 0-11.823-7.427C48.1 201.033 48.1 201.033 32 182l-3.5-3.875C16.104 163.828 8.069 147.126 3 129l-.809-2.875C-2.172 106.867 1.516 86.539 10 69l1.453-3.063C17.85 53.267 26.486 40.498 38 32l1.54-1.145C53.14 20.885 68.575 13.015 85 9l1.978-.494C92.615 7.124 98.283 6.003 104 5l2.637-.466C138.447-.767 173.208.045 205 5Z" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading"> Sedlecký Kaolin </h2> <p class="section__copy"> Yolk Studio revitalized <strong>Sedlecký Kaolin's 130-year-old brand by creating unique 3D visuals</strong> for their new website. Additionally, we revitalized their <strong>cat product brand, Kitty Care</strong>, and the <strong>plaster brand Kerastuk</strong>, infusing both with a fresh aesthetic that helps to increase sales. This transformation has repositioned Sedlecky Kaolin as a forward-thinking leader in the mining industry. <a href="https://www.yolkstudio.com/sedlecky-kaolin" class="section__cta">View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span></a> </p> </div> <div class="section__thumbnail section__thumbnail--sedleckyKaolin"> <img src="https://www.yolkstudio.com/images/cs/sedlecky-kaolin/mobile_desktop_version_site.png" alt=""> </div> </div> </div> </section> <section id="anywhale" class="section anywhale"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>5</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>Concept</li> <li>UI / UX</li> <li>Web & Mobile App</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter anywhale__letter"> <svg data-name="letter-a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.4 393"> <path d="M202.1 279.7H96.6l49.7-125.6zm-112.2 5C46.9 383 16.8 387.4 0 388.5v4.5h160.8v-4.5c-67 0-77-78.2-65.9-103.8h109.4l17.9 38.5s33.5 65.3-11.2 65.3v4.5h195.4v-4.5c-11.2-1.1-30.1-1.7-50.2-46.3 0 0-9.5-18.4-150.7-342.2h-2.9z" fill="#5425b1" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading"> Anywhale </h2> <p class="section__copy"> <strong>Our online resource is packed with fully planned, customizable trips</strong> already taken and lovingly shared by a network of travelers like you. <br> <strong>Anywhale is Yolk's own beloved startup and the main reason we founded Yolk Studio.</strong> <a href="https://www.yolkstudio.com/anywhale" class="section__cta">View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span></a> </p> </div> <div class="section__thumbnail section__thumbnail--anywhale"> <img src="https://www.yolkstudio.com/images/anywhale@2.png" alt=""> </div> </div> </div> </section> <section id="workpocket" class="section workpocket"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>6</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>Concept</li> <li>UI / UX</li> <li>Dev</li> <li>Marketing</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter workpocket__letter"> <svg data-name="letter-w" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 621.2 393.1"> <path d="M462.8.2v4.5c56.9 0 69.2 75.9 55.3 115.6l-50.2 141.2-83.7-192s-28.5-64.8 7.3-64.8V.2H217.1v4.5c14.5 1.1 22.3.6 41.3 45.2 0 0 3.3 7.3 37.4 86.5l-44.7 124.5-84.3-191.5s-28.5-64.8 7.3-64.8V.1H0v4.5c14.5 1.1 22.3.6 41.3 45.2 0 0 7.3 14.5 147.9 343.3h20.1L298.6 143c22.3 50.8 55.8 129 107.7 250.1h20.1l97.7-273C564.9 21.8 598.9 4.5 621.2 4.5V0H462.8z" fill="#65a6c7" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading"> <a href="https://www.yolkstudio.com/workpocket" title="Workpocket">Workpocket</a> </h2> <p class="section__copy"> <strong>We transformed a 300+ page door opener for HR departments into an interactive experience</strong> and tool ideal for everyone from CEOs to interns. <a href="https://www.yolkstudio.com/workpocket" class="section__cta">View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span></a> </p> </div> <div class="section__thumbnail section__thumbnail--workpocket"> <img src="https://www.yolkstudio.com/images/workpocket@2.png" alt=""> </div> </div> </div> </section> <section id="kuberg" class="section kuberg"> <div class="section__content"> <div class="section__content-inner"> <div class="section__count"> <div class="section__number"> <span>0</span> <span>7</span> <i class="section__line"></i> </div> </div> <ul class="section__what-we-do"> <li>UI / UX</li> <li>Dev</li> <li>Marketing</li> </ul> <div class="section__casestudy"> <div class="section__casestudy-bg"> <div class="section__letter kuberg__letter"> <svg data-name="letter-k" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 428.3 393.1"> <path d="M371.8 347.3s-16.7-21.8-147.4-196.5C314.8 53.1 387.4 4.5 421.5 4.5V0H237.3v4.5c35.2 0 45.8 75.9 5.6 119.5L148 224.5s24 32.9 56.4 78.7c58.6 84.9 65.3 89.9 124.5 89.9h99.4v-5c-14.6-1.1-27.5-2.3-56.5-40.8zM159.7.1v4.5c-24.6 0-27.9-2.2-27.9 38.5v309.3c0 38 2.2 35.7 26.2 35.7v5H0v-5c23.4 0 22.9 2.2 22.9-35.7V43.1C22.9 8.5 24 4.6 0 4.6V.1z" fill="#231f20" /> <div class="citrus"></div> </svg> </div> </div> <h2 class="section__heading kuberg__heading">Kuberg Volt</h2> <p class="section__copy"> <strong>We connected and synchronized a range of Kuberg electric motorcycles with our app</strong> for iOS and Android, which allows riders to set up, monitor, and update their bikes. <a href="https://www.yolkstudio.com/kuberg-volt" class="section__cta">View Case Study <span class="arrow"><svg xmlns="http://www.w3.org/2000/svg" width="6" height="10" viewBox="0 0 6 10"> <defs> <style> .cls-1 { fill: #589bdf; fill-rule: evenodd; } </style> </defs> <path id="Triangle_right" data-name="Triangle right" class="cls-1" d="M576.009,809.983a0.915,0.915,0,0,0,1.574.728l4.118-4.047a0.951,0.951,0,0,0,.018-1.349l-4.078-4.048a0.964,0.964,0,0,0-1.632.716v8Z" transform="translate(-576 -801)"/> </svg> </span></a> </p> </div> <div class="section__thumbnail section__thumbnail--kuberg"> <img src="https://www.yolkstudio.com/images/kuberg@2.png" alt=""> </div> </div> </div> </section> <aside id="aside" class="aside"> <div class="aside__container"> <div class="aside__content aside__content--dashly"></div> <div class="aside__content aside__content--wagestream"></div> <div class="aside__content aside__content--mooveez"></div> <div class="aside__content aside__content--sedleckyKaolin"></div> <div class="aside__content aside__content--anywhale"></div> <div class="aside__content aside__content--workpocket"></div> <div class="aside__content aside__content--kuberg"> <div class="step step--1"></div> <div class="step step--2"></div> <div class="step step--3"></div> </div> </div> </aside> </div> <script src="https://www.yolkstudio.com/dist/front/js/polyfills.js?1706532464"></script> <script src="https://www.yolkstudio.com/dist/front/js/libs.js?1706532463"></script> <script src="https://www.yolkstudio.com/dist/front/js/libs-jquery.js?1706532459"></script> <script src="https://www.yolkstudio.com/dist/front/js/libs-gsap.js?1706532458"></script> <script src="https://www.yolkstudio.com/dist/front/js/libs-scroll.js?1706532460"></script> <script src="https://www.yolkstudio.com/dist/front/js/helpers.js?1706532455"></script> <script src="https://www.yolkstudio.com/dist/front/js/common.js?1706532445"></script> <script src="https://www.yolkstudio.com/dist/front/js/homepage.js?1706532456"></script> <script src="https://www.yolkstudio.com/dist/front/js/whatwedo.js?1706532466"></script> <script>"use strict"; /**************************************************************************************/ // INIT /**************************************************************************************/ function initPage() { w.init(); } initPage(); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluaXQuanMiXSwibmFtZXMiOlsiaW5pdFBhZ2UiLCJ3IiwiaW5pdCJdLCJtYXBwaW5ncyI6Ijs7QUFBQTtBQUNBO0FBQ0E7QUFDQSxTQUFBQSxRQUFBLEdBQUE7QUFDQUMsR0FBQUMsSUFBQTtBQUNBOztBQUVBRiIsImZpbGUiOiJpbml0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xyXG4vLyBJTklUXHJcbi8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cclxuZnVuY3Rpb24gaW5pdFBhZ2UoKSB7XHJcblx0dy5pbml0KCk7XHJcbn1cclxuXHJcbmluaXRQYWdlKCk7Il0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 </script> </body> </html>

CINXE.COM

All your digital needs. One studio | yolk