Socolá - Drool

<!DOCTYPE html> <html lang="es"> <head>  <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-WJ252WB4');</script>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-title" content="Drool Studio" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> <meta names="apple-mobile-web-app-status-bar-style" content="#f9f9f9" /> <title>Socolá - Drool</title> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <link rel="canonical" href="https://drool.es/proyectos/socola/" /> <meta property="og:locale" content="es_ES" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Socolá - Drool" /> <meta property="og:url" content="https://drool.es/proyectos/socola/" /> <meta property="og:site_name" content="Drool" /> <meta property="article:modified_time" content="2024-11-04T14:27:33+00:00" /> <meta property="og:image" content="https://drool.es/wp-content/uploads/2023/11/socola-thumb-jpg.webp" /> <meta property="og:image:width" content="2184" /> <meta property="og:image:height" content="1584" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Tiempo de lectura" /> <meta name="twitter:data1" content="1 minuto" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://drool.es/proyectos/socola/","url":"https://drool.es/proyectos/socola/","name":"Socolá - Drool","isPartOf":{"@id":"https://drool.es/#website"},"primaryImageOfPage":{"@id":"https://drool.es/proyectos/socola/#primaryimage"},"image":{"@id":"https://drool.es/proyectos/socola/#primaryimage"},"thumbnailUrl":"https://drool.es/wp-content/uploads/2023/11/socola-thumb-jpg.webp","datePublished":"2024-10-03T13:00:12+00:00","dateModified":"2024-11-04T14:27:33+00:00","breadcrumb":{"@id":"https://drool.es/proyectos/socola/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https://drool.es/proyectos/socola/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https://drool.es/proyectos/socola/#primaryimage","url":"https://drool.es/wp-content/uploads/2023/11/socola-thumb-jpg.webp","contentUrl":"https://drool.es/wp-content/uploads/2023/11/socola-thumb-jpg.webp","width":2184,"height":1584,"caption":"La marca de Socolá aplicada sobre onza de chocolate"},{"@type":"BreadcrumbList","@id":"https://drool.es/proyectos/socola/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https://drool.es/"},{"@type":"ListItem","position":2,"name":"Proyectos","item":"https://drool.es/proyectos/"},{"@type":"ListItem","position":3,"name":"Socolá"}]},{"@type":"WebSite","@id":"https://drool.es/#website","url":"https://drool.es/","name":"Drool","description":"Estudio de diseño gráfico y comunicación creativa","publisher":{"@id":"https://drool.es/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://drool.es/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https://drool.es/#organization","name":"Drool","url":"https://drool.es/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https://drool.es/#/schema/logo/image/","url":"https://drool.es/wp-content/uploads/2022/05/drool-favicon.png","contentUrl":"https://drool.es/wp-content/uploads/2022/05/drool-favicon.png","width":512,"height":512,"caption":"Drool"},"image":{"@id":"https://drool.es/#/schema/logo/image/"},"sameAs":["https://www.instagram.com/droolestudio/","https://www.behance.net/droolestudio","https://www.linkedin.com/company/drool-estudio/"]}]}</script>  <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://drool.es/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.8' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-css' href='https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-public.css?ver=3.2.6' type='text/css' media='all' /> <link rel='stylesheet' id='cookie-law-info-gdpr-css' href='https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-gdpr.css?ver=3.2.6' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='slick-themes-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='style-css' href='https://drool.es/wp-content/themes/drool-studio/style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='style2-css' href='https://drool.es/wp-content/themes/drool-studio/style2.css?ver=6.7.2' type='text/css' media='all' /> <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" id="cookie-law-info-js-extra"> /* <![CDATA[ */ var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"1","custom_integration":"","triggerDomRefresh":"","secure_cookies":""}; var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#141414","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#1526ff","button_1_button_hover":"#111ecc","button_1_link_colour":"#f9f9f9","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"","button_3_button_colour":"#dedfe0","button_3_button_hover":"#b2b2b3","button_3_link_colour":"#333333","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#dedfe0","button_4_button_hover":"#b2b2b3","button_4_link_colour":"#333333","button_4_as_button":"1","button_7_button_colour":"#1526ff","button_7_button_hover":"#111ecc","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"1","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#f9f9f9","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"}; var log_object = {"ajax_url":"https:\/\/drool.es\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/js/cookie-law-info-public.js?ver=3.2.6" id="cookie-law-info-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js?ver=6.7.2" id="gsap-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js?ver=6.7.2" id="ScrollTrigger-js"></script> <script type="text/javascript" src="https://drool.es/wp-content/themes/drool-studio/js/ScrollSmoother.min.js?ver=6.7.2" id="ScrollSmoother-js"></script> <link rel="https://api.w.org/" href="https://drool.es/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://drool.es/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://drool.es/?p=2322' /> <meta name="generator" content="webp-uploads 2.2.0"> <link rel="icon" href="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://drool.es/wp-content/uploads/2022/05/cropped-drool-favicon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /*.noojs .reel-img { opacity:0; visibility:hidden; }*/ .fullimg{ min-height: 200px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 798px; position: relative; } .pagecont{ background-color: #141414; padding-bottom: 80px; } /* Primer selector */ #smooth-content > aside > div > div > div > div.col-11.offset-1.offset-md-0.col-md-6.col-lg-4.offset-lg-2.fade > a > div > span, #smooth-content > aside > div > div > div > div.col-11.col-md-6.col-lg-4.offset-lg-1.fade > a > div > span { position: relative; display: inline-block; overflow: hidden; } /* Overlay azul en hover */ #smooth-content > aside > div > div > div > div.col-11.offset-1.offset-md-0.col-md-6.col-lg-4.offset-lg-2.fade > a > div > span::after, #smooth-content > aside > div > div > div > div.col-11.col-md-6.col-lg-4.offset-lg-1.fade > a > div > span::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 255, 0.5); /* Color azul semi-transparente */ opacity: 0; transition: opacity 0.3s ease; z-index: 1; /* Asegúrate de que el overlay esté al frente */ } /* Estado hover para mostrar el overlay */ #smooth-content > aside > div > div > div > div.col-11.offset-1.offset-md-0.col-md-6.col-lg-4.offset-lg-2.fade > a > div > span:hover::after, #smooth-content > aside > div > div > div > div.col-11.col-md-6.col-lg-4.offset-lg-1.fade > a > div > span:hover::after { opacity: 1; } </style> </head> <body class="proyectos-template-default single single-proyectos postid-2322" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WJ252WB4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="loadingPage" style="background-color:#1526FF;position:fixed;top:0px;left:0px; height:100vh; width:100vw; z-index:999999999"></div> <div id="loadingPageExit" style="background-color:#1526FF;position:fixed;bottom:0px;left:0px; height:0vh; width:100vw; z-index:999999999"></div> <header class="drool-header"> <div class="hd-rw"> <a href="https://drool.es" class="logo drt" title="Logo de drool" ><svg viewBox="0 0 39 35.24"><path d="M7.03 0h14.41C31.13 0 39 7.84 39 17.5S31.13 35 21.43 35H3.51l7.03-17.5H0L7.03 0z"/></svg></a> <button class="menu" id="menu-ctn"> <span id="menu-open">Menú</span> <span id="menu-close">Cerrar</span> <div class="menu-btn"></div> </button> <div id="menu-container"> <div class="container"> <div class="row"> <div class="col-12 col-lg-8"> <nav> <ul id="menu-principal"> <li class="menu-item"><a class="drt" href="https://drool.es/proyectos/">Proyectos</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/servicios/">Servicios</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/nosotros/">Nosotros</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/blog/">Blog</a></li> <li class="menu-item"><a class="drt" href="https://drool.es/contacto/">Contacto</a></li> </ul> </nav> </div> <div class="col-12 col-lg-4"> <div class="menu-proyecto"> <span class="proyecto-home"> <a href="https://drool.es/proyectos/socola/" class="drt wasser"> <span class="news-img-cont"><img src="https://drool.es/wp-content/uploads/2023/11/socola-thumb-jpg.webp" alt="La marca de Socolá aplicada sobre onza de chocolate" class="proyecto-img"></span> </a> <p class="proyecto-tp">Último proyecto</p> <a class="drt dig" href="https://drool.es/proyectos/socola/"> <div class="proyecto-ttl"> Socolá Socolá — Una marca altamente deliciosa</div> </a> </span> </div> </div> </div> </div> </div> </div> <span class="ajusteAltura"> <a href="https://drool.es/contacto/" id="sticky-contact" role="button" title="Contacto" class="drt"> <svg id="ctc-txt" x="0" y="0" viewBox="0 0 128 128"><path d="M34.96 21.11c-.3-.51-.53-1.01-.66-1.49-.14-.48-.18-.94-.12-1.37s.2-.83.45-1.19c.25-.37.61-.69 1.08-.97.33-.2.66-.33 1-.4.34-.07.67-.08.98-.03s.61.17.89.35c.28.18.52.42.73.72l-1.23.73c-.23-.32-.51-.51-.82-.55-.31-.04-.65.04-1.02.26-.19.12-.36.25-.49.42-.13.16-.22.34-.27.52s-.06.38-.03.58c.03.2.11.41.23.61l1.17 1.96c.12.19.26.35.43.47.17.12.35.2.55.25.2.04.4.05.61.01.21-.03.41-.11.6-.22.38-.23.63-.49.74-.78.11-.29.08-.64-.08-1.06l1.23-.73c.17.4.27.78.28 1.13.01.35-.04.68-.16.98-.12.3-.3.58-.54.83-.24.26-.53.48-.86.68-.47.28-.92.43-1.35.47-.43.03-.85-.03-1.25-.19s-.77-.42-1.12-.76c-.36-.34-.68-.75-.97-1.23zm6.84-3.97c-.47-1.19-.57-2.2-.27-3.03s.93-1.44 1.92-1.83c.99-.39 1.87-.39 2.65.01.78.4 1.41 1.2 1.89 2.39.47 1.19.56 2.2.27 3.03s-.93 1.44-1.92 1.83c-.99.39-1.87.39-2.65-.01-.79-.4-1.41-1.19-1.89-2.39zm.89-2.3c-.02.21.02.43.11.67l.86 2.15c.09.23.22.42.38.56.16.14.34.24.54.31.2.06.41.08.63.06.22-.02.45-.08.68-.17.23-.09.44-.21.62-.35.18-.14.32-.3.42-.48.1-.18.16-.38.18-.59.02-.21-.02-.43-.11-.66l-.85-2.15c-.09-.23-.22-.42-.38-.56-.16-.14-.34-.24-.54-.31-.2-.06-.41-.09-.64-.07-.23.02-.46.07-.69.17-.23.09-.44.21-.61.35-.17.14-.31.3-.41.49-.11.17-.17.36-.19.58zm9.64 2.57-1.21-5.58.04-.01 3.4 5.11 2.11-.46-1.58-7.31-1.4.3 1.21 5.57-.04.01-3.4-5.1-2.08.45 1.58 7.31 1.37-.29zm7.37-7.52.41 6.25 1.43-.09-.41-6.25 2.18-.14-.08-1.21-5.78.38.08 1.21 2.17-.15zm6.17 6.12-1.53-.12 3.11-7.27 1.52.12 1.96 7.65-1.53-.12-.37-1.63-2.55-.2-.61 1.57zm1.07-2.73 1.81.14-.64-3.01h-.05l-1.12 2.87zm6.66 3.55c.34.28.77.48 1.3.6.38.09.74.12 1.09.1.35-.02.67-.09.97-.23s.56-.33.79-.6c.23-.26.42-.6.58-1.01l-1.39-.32c-.17.41-.39.69-.67.82s-.64.15-1.07.05c-.22-.05-.42-.14-.59-.26s-.32-.26-.43-.43c-.11-.17-.19-.35-.23-.56-.04-.21-.03-.42.02-.64l.51-2.23c.05-.23.14-.43.26-.6.12-.17.26-.3.43-.4.17-.1.35-.16.56-.19.21-.03.42-.02.64.03.42.1.72.27.92.51.2.25.26.57.21.96l1.39.32c.06-.36.05-.7-.02-1.02-.08-.32-.21-.61-.4-.87a2.45 2.45 0 0 0-.73-.66c-.3-.18-.63-.31-1-.4-.53-.12-1.01-.14-1.45-.05-.43.09-.82.27-1.15.55-.34.27-.62.63-.86 1.07-.24.44-.42.95-.55 1.53-.13.55-.18 1.07-.17 1.56.01.49.11.93.28 1.32.17.44.42.77.76 1.05zm8.39 2.66 2.26-5.85 2.03.79.44-1.13-5.4-2.08-.44 1.13 2.03.79-2.26 5.85 1.34.5zm4.81-2.06c.64-1.11 1.37-1.81 2.2-2.1.83-.29 1.71-.17 2.63.36.92.53 1.47 1.22 1.65 2.08.17.86-.05 1.85-.69 2.96s-1.37 1.81-2.2 2.1c-.83.29-1.71.17-2.63-.36-.92-.53-1.47-1.22-1.65-2.08-.18-.86.05-1.85.69-2.96zm.56 2.41c-.01.21.02.42.1.61s.19.37.34.54c.15.16.34.31.56.43.22.12.44.21.66.26s.43.06.64.02c.21-.03.4-.11.58-.23.18-.12.33-.29.45-.5l1.14-2.01c.12-.22.19-.43.2-.64.01-.21-.02-.42-.09-.61-.08-.2-.19-.38-.35-.54-.15-.16-.34-.31-.56-.43s-.44-.21-.66-.26c-.22-.05-.43-.06-.64-.02-.21.04-.4.11-.58.23s-.33.28-.45.5l-1.15 2c-.11.22-.18.44-.19.65zm13.93 8.55-2.19-2.17-.79.79 2.19 2.17.79-.79zm4.5 12.01c.26.24.54.42.84.54.3.12.63.17.98.16.35-.01.73-.11 1.13-.28l-.74-1.23c-.41.16-.77.19-1.06.08-.29-.11-.55-.35-.78-.74-.12-.19-.19-.39-.23-.6-.03-.21-.03-.41.01-.61s.12-.38.25-.55c.12-.17.28-.31.47-.43l1.96-1.18c.2-.12.41-.2.61-.23s.4-.02.58.03c.19.05.36.14.52.27.16.13.3.29.42.48.22.36.31.7.26 1.02-.04.31-.22.58-.55.82l.74 1.23c.3-.21.54-.45.72-.73.18-.28.3-.58.35-.89.05-.32.04-.64-.03-.98a3.25 3.25 0 0 0-.41-.99c-.28-.47-.6-.83-.97-1.07-.37-.25-.77-.4-1.2-.45-.43-.05-.89-.01-1.37.13-.48.14-.98.36-1.49.67-.48.29-.89.61-1.24.96-.34.35-.6.72-.76 1.12-.16.4-.23.81-.19 1.25.03.43.19.89.47 1.35.23.33.46.61.71.85zm5.02 1.29c1.19-.48 2.2-.57 3.03-.28.83.29 1.44.93 1.84 1.92.4.99.39 1.87 0 2.65-.4.78-1.19 1.41-2.38 1.89s-2.2.57-3.03.28c-.83-.29-1.44-.93-1.84-1.92-.4-.99-.39-1.87 0-2.65.39-.78 1.19-1.41 2.38-1.89zm1.64 1-2.14.86c-.23.09-.42.22-.56.38-.14.16-.24.34-.3.54s-.08.41-.06.63.08.45.17.68c.09.23.21.44.35.61s.3.32.49.42c.18.1.38.16.59.17.21.02.43-.02.66-.11l2.14-.86c.23-.09.42-.22.56-.38.14-.16.24-.34.31-.54.06-.2.08-.41.07-.64s-.08-.46-.17-.69c-.09-.23-.21-.44-.35-.61-.14-.17-.3-.31-.49-.41-.18-.1-.38-.16-.59-.18-.23 0-.45.04-.68.13zm-1.88 9.54 5.58-1.22.01.04-5.1 3.41.46 2.11 7.31-1.6-.31-1.4-5.57 1.22-.01-.04 5.09-3.41-.46-2.08-7.31 1.6.31 1.37zm7.53 7.35-6.26.42.1 1.42 6.25-.42.15 2.18 1.21-.08-.39-5.78-1.21.08.15 2.18zm-5.99 4.65 7.27 3.09-.11 1.52-7.65 1.97.11-1.53 1.63-.38.19-2.55-1.55-.6.11-1.52zm2.49 4.41 3-.65v-.05l-2.87-1.12-.13 1.82zm3.09 5.37c-.27-.33-.63-.62-1.08-.85-.44-.23-.95-.42-1.53-.55-.55-.12-1.07-.18-1.56-.17-.49.02-.93.11-1.32.29-.39.17-.73.43-1 .77-.28.34-.48.77-.6 1.3-.09.38-.12.75-.1 1.09.02.35.1.67.23.97.13.29.33.56.6.79.26.23.6.42 1.01.58l.32-1.39c-.41-.17-.69-.39-.82-.67s-.15-.64-.05-1.07a1.645 1.645 0 0 1 .68-1.02c.17-.11.35-.19.56-.23.21-.04.42-.03.64.02l2.23.51c.23.05.43.14.6.25.17.12.3.26.4.42.1.17.16.35.19.56s.02.42-.03.64c-.09.42-.26.72-.51.92-.25.2-.57.27-.96.21l-.32 1.39c.36.06.7.05 1.02-.02.32-.08.61-.21.87-.4s.48-.43.66-.73c.18-.3.31-.63.4-1 .12-.53.14-1.01.04-1.45-.11-.45-.3-.83-.57-1.16zm-2.78 8.79-5.85-2.24-.51 1.33 5.85 2.24-.78 2.04 1.13.43 2.07-5.41-1.13-.43-.78 2.04zm-2.18 6.09c.29.83.17 1.71-.35 2.63-.52.92-1.22 1.47-2.08 1.65-.86.18-1.85-.05-2.96-.68-1.12-.63-1.82-1.37-2.1-2.2-.29-.83-.17-1.71.35-2.63.53-.92 1.22-1.47 2.08-1.65.86-.18 1.85.05 2.96.68 1.11.64 1.81 1.37 2.1 2.2zm-1.13.74c-.04-.21-.11-.4-.23-.58-.12-.18-.29-.33-.5-.45l-2.01-1.14c-.22-.12-.43-.19-.65-.2a1.4 1.4 0 0 0-.61.1c-.19.08-.37.19-.54.34-.16.16-.3.34-.43.56s-.21.44-.26.66c-.05.22-.06.43-.02.64a1.43 1.43 0 0 0 .73 1.02l2.01 1.14c.22.12.43.19.64.2.21.01.42-.02.61-.09.19-.07.37-.19.54-.34.17-.16.31-.34.43-.56s.21-.44.26-.66c.06-.23.06-.44.03-.64zm-12.7 10.79.8.78 2.16-2.2-.8-.78-2.16 2.2zm-5.66 6.33a6.47 6.47 0 0 0-.96-1.24c-.35-.34-.73-.59-1.12-.75-.4-.16-.81-.22-1.25-.19-.43.04-.88.19-1.35.47-.33.2-.62.43-.86.69-.24.26-.42.54-.54.84-.12.3-.17.63-.15.98s.11.73.29 1.13l1.22-.74c-.17-.41-.2-.77-.09-1.06.11-.29.35-.55.73-.78.19-.12.39-.19.6-.23s.41-.03.61.01.38.12.55.25c.17.12.31.28.43.47l1.18 1.96c.12.2.2.4.23.61.03.2.02.4-.03.58-.05.18-.14.36-.27.52s-.29.3-.48.42c-.37.22-.7.31-1.02.27s-.59-.22-.82-.54l-1.22.74c.21.3.45.54.73.72.28.18.58.29.89.35.32.05.64.04.98-.04s.67-.21.99-.41c.47-.28.82-.6 1.07-.97.25-.37.4-.77.45-1.2.05-.43.01-.89-.13-1.37-.13-.48-.35-.98-.66-1.49zm-6.82 4c.48 1.19.58 2.2.29 3.03-.29.83-.93 1.44-1.91 1.84-.98.4-1.87.4-2.65 0-.78-.4-1.42-1.19-1.9-2.38s-.58-2.2-.29-3.03c.29-.83.93-1.44 1.91-1.84.99-.4 1.87-.4 2.65 0 .79.4 1.42 1.19 1.9 2.38zm-.88 2.32c.02-.21-.02-.43-.11-.67l-.87-2.14c-.09-.23-.22-.42-.38-.56a1.44 1.44 0 0 0-.54-.3c-.2-.06-.41-.08-.63-.06-.22.02-.45.08-.68.17-.23.09-.44.21-.61.35-.18.14-.31.3-.42.49-.1.18-.16.38-.17.59-.02.21.02.43.11.66l.87 2.14c.09.23.22.42.38.56.16.14.34.24.54.3s.41.08.64.06c.23-.02.45-.08.69-.17.23-.09.43-.21.61-.35.17-.14.31-.3.41-.49.08-.17.14-.37.16-.58zm-9.66-2.53 1.23 5.57-.04.01-3.42-5.09-2.1.47 1.62 7.31 1.39-.31-1.23-5.56.04-.01 3.42 5.08 2.08-.46-1.62-7.3-1.37.29zm-7.38 7.55-.43-6.25-1.43.1.43 6.25-2.18.15.08 1.21 5.78-.4-.08-1.21-2.17.15zM62.34 112l1.53.11-3.08 7.28-1.52-.11-1.99-7.65 1.53.11.38 1.63 2.55.18.6-1.55zm-1.05 2.74-1.81-.13.65 3h.05l1.11-2.87zm-6.71-3.53c-.34-.28-.77-.47-1.3-.59-.38-.09-.74-.12-1.09-.1-.35.02-.67.1-.96.23-.29.13-.56.33-.79.6-.23.26-.42.6-.58 1.01l1.39.32c.17-.41.39-.69.67-.82s.64-.15 1.07-.05a1.645 1.645 0 0 1 1.02.68c.11.17.19.35.23.56.04.21.03.42-.01.64l-.51 2.23c-.05.23-.14.43-.25.6-.12.17-.26.3-.42.4-.17.1-.35.16-.56.19-.21.03-.42.02-.64-.03-.42-.09-.72-.26-.92-.51-.2-.25-.27-.57-.21-.96l-1.39-.32a2.484 2.484 0 0 0 .43 1.89c.19.26.43.48.73.65.3.18.63.31 1 .39.53.12 1.01.13 1.45.04s.82-.28 1.15-.55c.33-.28.62-.63.85-1.08.23-.44.42-.95.55-1.53.12-.55.18-1.07.16-1.56s-.11-.93-.29-1.32c-.19-.4-.44-.73-.78-1.01zm-8.4-2.63-2.24 5.86-2.04-.78-.43 1.13 5.41 2.06.43-1.13-2.04-.78 2.24-5.86-1.33-.5zm-4.76 2.09c-.63 1.12-1.36 1.82-2.19 2.11-.83.29-1.71.17-2.63-.35-.92-.52-1.48-1.21-1.66-2.07-.18-.86.05-1.85.68-2.96.63-1.12 1.36-1.82 2.19-2.11.83-.29 1.71-.17 2.63.35.93.52 1.48 1.21 1.66 2.07.17.86-.06 1.85-.68 2.96zm-.58-2.4a1.4 1.4 0 0 0-.1-.61c-.08-.2-.19-.37-.35-.53-.16-.16-.34-.3-.56-.43-.22-.12-.44-.21-.66-.26s-.43-.06-.64-.02c-.21.04-.4.12-.57.23-.18.12-.33.29-.45.5l-1.14 2.01c-.12.22-.19.43-.2.65s.02.42.1.61.19.37.35.54c.16.16.34.31.56.43.22.12.44.21.66.26.22.05.43.05.64.02s.4-.11.57-.23c.18-.12.33-.29.45-.5l1.14-2.01c.13-.24.19-.45.2-.66zm-13.98-8.5 2.2 2.16.78-.8-2.2-2.16-.78.8zm-4.55-11.99c-.26-.24-.54-.41-.84-.53s-.63-.17-.98-.15a3.2 3.2 0 0 0-1.13.29l.74 1.22c.41-.17.77-.2 1.06-.09.29.11.55.35.78.73.12.19.19.39.23.6.04.21.03.41-.01.61s-.12.38-.24.55c-.12.17-.28.32-.47.43l-1.96 1.19c-.2.12-.4.2-.61.23s-.4.02-.58-.03-.36-.14-.52-.27-.3-.29-.42-.48c-.22-.36-.31-.7-.27-1.01.04-.31.22-.59.54-.82l-.74-1.22c-.3.21-.54.45-.72.73-.18.28-.29.58-.35.89s-.04.64.04.98c.08.34.21.67.41.99.28.46.61.82.98 1.07.37.25.77.4 1.2.45.43.05.88 0 1.37-.13.48-.14.98-.36 1.48-.67.48-.29.89-.61 1.23-.97.34-.35.59-.73.75-1.12.16-.4.22-.82.19-1.25-.04-.44-.2-.89-.48-1.35-.19-.35-.42-.63-.68-.87zm-5.01-1.25c-1.19.48-2.2.58-3.03.29-.83-.29-1.44-.92-1.84-1.91-.4-.98-.4-1.87-.01-2.65.39-.79 1.18-1.42 2.37-1.9s2.2-.58 3.03-.29c.83.29 1.45.92 1.84 1.91.4.99.4 1.87.01 2.65s-1.18 1.41-2.37 1.9zm-1.65-.99 2.14-.87c.23-.09.42-.22.56-.38.14-.16.24-.34.3-.54s.08-.41.06-.63-.08-.45-.17-.68-.21-.44-.35-.61-.3-.31-.49-.41-.38-.16-.59-.17c-.21-.02-.43.02-.66.12l-2.14.87c-.23.09-.42.22-.56.38-.14.16-.24.34-.3.54s-.08.41-.06.64c.02.23.08.46.17.69.09.23.21.44.36.61.14.17.31.31.49.41.18.1.38.16.59.18.2-.02.42-.06.65-.15zm1.83-9.57-5.57 1.24-.01-.04 5.08-3.43-.47-2.1-7.3 1.63.31 1.39 5.56-1.25.01.04-5.07 3.43.47 2.08 7.3-1.63-.31-1.36zm-7.56-7.34 6.25-.45-.1-1.42-6.25.44-.16-2.17-1.21.09.41 5.78 1.21-.09-.15-2.18zm5.97-4.64L8.6 60.92l.11-1.52 7.64-2.01-.11 1.53-1.63.38-.18 2.55 1.56.59-.1 1.55zm-2.51-4.4-3 .66v.05l2.88 1.11.12-1.82zm-3.1-5.39c.28.33.63.62 1.08.85.44.23.96.42 1.54.54.55.12 1.07.18 1.56.16.49-.02.93-.11 1.32-.29s.73-.43 1-.77.47-.77.59-1.3c.08-.38.12-.75.1-1.09-.02-.35-.1-.67-.23-.96-.14-.29-.34-.56-.6-.79-.26-.23-.6-.42-1.01-.57l-.31 1.39c.41.17.69.39.82.67s.15.64.06 1.07a1.645 1.645 0 0 1-.68 1.02 1.543 1.543 0 0 1-1.2.22l-2.23-.5c-.23-.05-.43-.14-.6-.25-.17-.12-.3-.26-.4-.42-.1-.17-.16-.35-.19-.56-.03-.21-.02-.42.03-.64.09-.42.26-.72.51-.92.25-.2.57-.27.96-.22l.31-1.39c-.36-.06-.7-.05-1.03.03s-.61.21-.87.4c-.26.19-.48.44-.65.73-.18.3-.31.63-.39 1-.12.53-.13 1.01-.04 1.45.09.42.27.8.55 1.14zm2.74-8.81 5.86 2.22.51-1.34-5.86-2.22.77-2.04-1.13-.43L11.11 47l1.13.43.78-2.04zm2.14-6.05c-.29-.83-.18-1.71.34-2.63.52-.93 1.21-1.48 2.07-1.66.86-.18 1.85.04 2.97.67s1.82 1.36 2.11 2.19c.29.83.18 1.71-.34 2.63-.52.93-1.21 1.48-2.07 1.66s-1.85-.04-2.96-.67c-1.12-.64-1.83-1.36-2.12-2.19zm1.13-.75a1.43 1.43 0 0 0 .73 1.02l2.01 1.13c.22.12.43.19.65.2.21.01.42-.03.61-.1.19-.08.37-.19.53-.35.16-.16.3-.34.43-.56.12-.22.21-.44.26-.66.05-.22.06-.43.02-.64-.04-.21-.11-.4-.24-.57-.12-.18-.29-.33-.5-.45l-2.01-1.13c-.22-.12-.43-.19-.65-.2a1.4 1.4 0 0 0-.61.1c-.19.08-.37.19-.54.35-.16.16-.31.35-.43.56-.12.22-.21.44-.25.66-.05.22-.05.44-.01.64zm11.86-11.66L26 29.14l.8.78 2.15-2.21-.8-.78z" style="fill:#fff"/></svg> <svg id="ctc-icn" x="0" y="0" viewBox="0 0 40 32"><path d="M34 0c3.31 0 6 2.69 6 6v20c0 3.31-2.69 6-6 6H6c-3.31 0-6-2.69-6-6V6c0-3.31 2.69-6 6-6h28zm0 4H6c-1.1 0-2 .9-2 2v20c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5.25 4.44-8.75 7-8.75-7a2 2 0 0 0-2.81.31 2 2 0 0 0 .31 2.81l10 8c.37.29.81.44 1.25.44s.88-.15 1.25-.44l10-8a2 2 0 0 0 .31-2.81 2 2 0 0 0-2.81-.31z" style="fill:#fff" /></svg> </a> </span> </header> <div id="smooth-wrapper"> <div id="smooth-content"> <main class="drool-main scontainer">  <style> .cabezal-proyecto::before{ background-color: #89bdac; } </style> <section class="cabezal-proyecto" style="background-color:#89bdac; color: #141414"><div class="container"> <div class="row"> <div class="col-12 col-md-10 col-lg-7"> <h1>Slow food, slow branding.</h1> </div> <div class="col-12 offset-lg-2 col-lg-3"> <div class="pr-cabinfo"> <p>Cliente: Socolá</p> <div class="proyecto-tp"> <span class='prj-class'>Branding</span><span class='prj-class'>Diseño gráfico</span> </div> </div> </div> </div> </div> <div class="img-princ "><span class="news-img-cont "><img src="https://drool.es/wp-content/uploads/2023/11/socola-principal-scaled.webp" alt="Packaging diseñado para Socolá" class="img-scroll-ani-only-scroll"></span></div> </section> <section class="pr-contenido"><div class="pr-wrapper dr-comp"><h2 class="pr-top-text">Os presentamos un proyecto de <strong>restyling de identidad visual y verbal</strong> para una marca de restauración. Socolá apuesta por abrazar la calidad de sus ingredientes y el respeto del tiempo en llevar a cabo los procesos que dan vida a cada una de sus creaciones.</h2></div> <div class="dr-comp dbl-txt "> <p class="fade">Sobre Socolá<br /> <br /> Es el lugar perfecto para los amantes de un buen desayuno, brunch, café o merienda. Sus productos son de primera calidad, totalmente artesanales, cocinados con mimo y dedicación, destinando el tiempo necesario para su perfecta elaboración.</p> <p class="fade">Sobre el proyecto<br /> <br /> Restyling de una marca ya consolidada dentro del sector de la restauración en Murcia. Desarrollo de una <strong>identidad visual y verbal</strong> acorde a su evolución, que muestre la calidad de sus elaboraciones y el compromiso de cada uno de sus trabajadores en realizar productos de que cumplan con dicha premisa.</p> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt1 tipo_margen_pequeno" id="1" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/1015631594/rendition/1080p/file.mp4?loc=external&log_user=0&signature=27cd3463f39834335d9e0d77f885044772a7db9cb81474d304f9a9369b295e13"> <source src="https://player.vimeo.com/progressive_redirect/playback/1015631594/rendition/1080p/file.mp4?loc=external&log_user=0&signature=27cd3463f39834335d9e0d77f885044772a7db9cb81474d304f9a9369b295e13" type="video/mp4"></source> </video> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt2 tipo_margen_pequeno" id="2" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/1015678882/rendition/1080p/file.mp4?loc=external&log_user=0&signature=ed0e9b11d265e11f7d904c8dcbdc0054ad384be48d694c0522f664d88ba33aeb"> <source src="https://player.vimeo.com/progressive_redirect/playback/1015678882/rendition/1080p/file.mp4?loc=external&log_user=0&signature=ed0e9b11d265e11f7d904c8dcbdc0054ad384be48d694c0522f664d88ba33aeb" type="video/mp4"></source> </video> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt3 tipo_margen_grande" id="3" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/1015646952/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2da614dca898d7d1ef962a19ab5293dbb86c4e36881f16c963a8828b2d98b126"> <source src="https://player.vimeo.com/progressive_redirect/playback/1015646952/rendition/1080p/file.mp4?loc=external&log_user=0&signature=2da614dca898d7d1ef962a19ab5293dbb86c4e36881f16c963a8828b2d98b126" type="video/mp4"></source> </video> </div><div class="dr-comp fade pr-wrapper pr-texto40 npdg"> <p> Los clientes de Socolá valoran el placer de comer despacio, saboreando cada uno de los ingredientes y haciendo uso de sus sentidos. Por ello, hicimos el concepto "slow food" propio, desarrollándolo y ajustándolo a las necesidades de la marca naciendo así su tagline: <strong>"Slow café and bakery</strong>. </p> </div> <style> #fullimg_5 { background-image: url('https://drool.es/wp-content/uploads/2023/11/socola-full-01-scaled.webp'); height: 800px } @media screen and (max-width: 1024px) { #fullimg_5 { height: px } } @media screen and (max-width: 600px) { #fullimg_5 { height: px } } </style> <div class="dr-comp fade -"> <div class="fullimg - -" id="fullimg_5" > </div> </div> <div class="dr-comp anm pr-wrapper mod__texto fade"> <div class="modulo__texto"> <p>Hemos diseñado dentro de la identidad <strong>un logotipo con diferentes versiones</strong> para conseguir una aplicación versátil. La marca cuenta ahora con <strong>un isotipo simple y elegante basado en formas finas y redondeadas</strong> que expresa conceptualmente, mediante la primera letra del naming, la letra «S», un punto de encuentro y unión entre los clientes y la marca.</p> </div> </div> <div class="frontera dr-slider fade"> <div class="slider-bound"></div> <div class="drool-slider-container2" id="sectionPin"> <div class="drool-slider2 " id="drool-slider7"> <img src="https://drool.es/wp-content/uploads/2023/11/socola-slider-01-jpg.webp" alt="Tarjetas diseñadas para Socolá"> <img src="https://drool.es/wp-content/uploads/2023/11/socola-slider-02-jpg.webp" alt="Delantal de Socolá"> <img src="https://drool.es/wp-content/uploads/2023/11/socola-slider-03-jpg.webp" alt="Bolsa de papel de Socolá"> <img src="https://drool.es/wp-content/uploads/2023/11/socola-slider-06-jpg.webp" alt="Tote bag creada para Socolá"> </div> </div> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt8 tipo_margen_pequeno" id="8" > <img src="https://drool.es/wp-content/uploads/2023/11/socola-simple-04-scaled.webp" alt="Packaging creado para Socolá"> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt9 tipo_margen_pequeno" id="9" > <img src="https://drool.es/wp-content/uploads/2023/11/socola-simple-03-scaled.webp" alt="Take away de Socolá"> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt10 tipo_margen_pequeno" id="10" > <img src="https://drool.es/wp-content/uploads/2023/11/socola-simple-05-scaled.webp" alt="Papel de envoltura de Socolá"> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt11 tipo_margen_pequeno" id="11" > <img src="https://drool.es/wp-content/uploads/2023/11/socola-simple-06-scaled.webp" alt="Comunicación para RRSS de Socolá"> </div><div class="dr-comp fade img-scroll-ani pr-flotante prlt12 tipo_margen_grande" id="12" > <video loop="loop" playsinline="playsinline" controlslist="nodownload noplaybackrate" autoplay="autoplay" disablepictureinpicture="" muted="muted" src="https://player.vimeo.com/progressive_redirect/playback/1015633782/rendition/1080p/file.mp4?loc=external&log_user=0&signature=29d311be47bdd1eee7822e78265ce3396cf237c5c3ef13dbeb7e8a26064fbb71"> <source src="https://player.vimeo.com/progressive_redirect/playback/1015633782/rendition/1080p/file.mp4?loc=external&log_user=0&signature=29d311be47bdd1eee7822e78265ce3396cf237c5c3ef13dbeb7e8a26064fbb71" type="video/mp4"></source> </video> </div><div class="dr-comp anm pr-foto-texto - -"> <div class="par-foto fade img-scroll-ani paralt13"> <img src="https://drool.es/wp-content/uploads/2023/11/socola-detalle-01b-jpg.webp" alt="Paleta de color de la marca Socolá"> <span style="color: " class="lowkey tfloat" id="prfloat13" >Paleta de color de la marca Socolá</span> </div> <div class="par-texto"> <h3 class="fade">Una paleta de color multisensorial.</h3> <p class="fade">Desde tonalidades frescas que despiertan la vitalidad hasta cálidos matices que abrazan la comodidad. La paleta de color no solo resalta la frescura y calidad de los ingredientes, sino que también crea un ambiente acogedor y auténtico. En conjunto, estos colores fusionan la experiencia gastronómica con la estética, ofreciendo un festín no solo para el paladar, sino también para el resto de sentidos.</p> </div> </div><div class="dr-comp anm pr-foto-texto pr-rvrs -"> <div class="par-foto fade img-scroll-ani paralt14"> <img src="https://drool.es/wp-content/uploads/2023/11/socola-detalle-02-jpg.webp" alt="Tipografía corporativa de Socolá"> <span style="color: " class="lowkey tfloat" id="prfloat14" >Tipografía corporativa de Socolá</span> </div> <div class="par-texto"> <h3 class="fade">No es simplemente estética, es una declaración de intenciones.</h3> <p class="fade">Hemos definido una tipografía sans serif de tipo grotesque, contemporánea y con un toque orgánico gracias a sus remates en diferentes caracteres. Esta familia tipográfica se convierte en la voz escrita de la identidad, fusionando lo clásico y lo vanguardista, no solo ayudando a comunicar, sino que también elevando la marca, convirtiéndose en un componente esencial de la comunicación.</p> </div> </div><div class="dr-comp doble-foto-blog fade"> <span class="panelbound img-scroll-ani plt654466 "> <img class=" panel654466 " src="https://drool.es/wp-content/uploads/2023/11/socola-detalle-03-jpg.webp" alt="Making of del logotipo de Socolá"> <span style="color: " class="lowkey tfloat" id="pnlfloat654466" >Making of del logotipo de Socolá</span> <script> var pnlfloat654466 = document.querySelector(".plt654466") var panelt654466 = document.querySelector("#pnlfloat654466") pnlfloat654466.addEventListener("mouseenter", () => { panelt654466.classList.remove("lowkey") }) pnlfloat654466.addEventListener("mouseleave", () => { panelt654466.classList.add("lowkey") }) pnlfloat654466.addEventListener("mousemove", (e) => { function paneltmv654466() { panelt654466.style.transform = "translate(" + (e.layerX - (panelt654466.offsetWidth / 2)) + "px, " + (e.layerY - (panelt654466.offsetHeight / 2)) + "px)" } window.requestAnimationFrame(paneltmv654466) }) </script> </span> <style> @media (max-width: 600px) { .dr-comp.doble-foto-blog .panel654466{ height: px !important; max-height: px !important} } @media (min-width: 600px) and (max-width: 991px) { .dr-comp.doble-foto-blog .panel654466{ height: px !important; max-height: px !important} } @media (min-width: 992px){ .dr-comp.doble-foto-blog .panel654466{ height: 802px !important; max-height: 802px !important} } </style> <span class="panelbound img-scroll-ani plt654467 "> <img class=" panel654467 " src="https://drool.es/wp-content/uploads/2023/11/socola-detalle-04-jpg.webp" alt="Making of del logotipo de Socolá"> <span style="color: " class="lowkey tfloat" id="pnlfloat654467" >Making of del logotipo de Socolá</span> <script> var pnlfloat654467 = document.querySelector(".plt654467") var panelt654467 = document.querySelector("#pnlfloat654467") pnlfloat654467.addEventListener("mouseenter", () => { panelt654467.classList.remove("lowkey") }) pnlfloat654467.addEventListener("mouseleave", () => { panelt654467.classList.add("lowkey") }) pnlfloat654467.addEventListener("mousemove", (e) => { function paneltmv654467() { panelt654467.style.transform = "translate(" + (e.layerX - (panelt654467.offsetWidth / 2)) + "px, " + (e.layerY - (panelt654467.offsetHeight / 2)) + "px)" } window.requestAnimationFrame(paneltmv654467) }) </script> </span> <style> @media (max-width: 600px) { .dr-comp.doble-foto-blog .panel654467{ height: px !important; max-height: px !important} } @media (min-width: 600px) and (max-width: 991px) { .dr-comp.doble-foto-blog .panel654467{ height: px !important; max-height: px !important} } @media (min-width: 992px){ .dr-comp.doble-foto-blog .panel654467{ height: 800px !important; max-height: 800px !important} } </style> <span class="panelbound img-scroll-ani plt654468 "> <img class=" panel654468 " src="https://drool.es/wp-content/uploads/2023/11/socola-detalle-05-jpg.webp" alt="Making of de la identidad visual de Socolá"> <span style="color: " class="lowkey tfloat" id="pnlfloat654468" >Making of de la identidad visual de Socolá</span> <script> var pnlfloat654468 = document.querySelector(".plt654468") var panelt654468 = document.querySelector("#pnlfloat654468") pnlfloat654468.addEventListener("mouseenter", () => { panelt654468.classList.remove("lowkey") }) pnlfloat654468.addEventListener("mouseleave", () => { panelt654468.classList.add("lowkey") }) pnlfloat654468.addEventListener("mousemove", (e) => { function paneltmv654468() { panelt654468.style.transform = "translate(" + (e.layerX - (panelt654468.offsetWidth / 2)) + "px, " + (e.layerY - (panelt654468.offsetHeight / 2)) + "px)" } window.requestAnimationFrame(paneltmv654468) }) </script> </span> <style> @media (max-width: 600px) { .dr-comp.doble-foto-blog .panel654468{ height: px !important; max-height: px !important} } @media (min-width: 600px) and (max-width: 991px) { .dr-comp.doble-foto-blog .panel654468{ height: px !important; max-height: px !important} } @media (min-width: 992px){ .dr-comp.doble-foto-blog .panel654468{ height: 800px !important; max-height: 800px !important} } </style> <span class="panelbound img-scroll-ani plt654469 "> <img class=" panel654469 " src="https://drool.es/wp-content/uploads/2023/11/socola-detalle-06-jpg.webp" alt="Creando una marca"> <span style="color: " class="lowkey tfloat" id="pnlfloat654469" >Creando una marca</span> <script> var pnlfloat654469 = document.querySelector(".plt654469") var panelt654469 = document.querySelector("#pnlfloat654469") pnlfloat654469.addEventListener("mouseenter", () => { panelt654469.classList.remove("lowkey") }) pnlfloat654469.addEventListener("mouseleave", () => { panelt654469.classList.add("lowkey") }) pnlfloat654469.addEventListener("mousemove", (e) => { function paneltmv654469() { panelt654469.style.transform = "translate(" + (e.layerX - (panelt654469.offsetWidth / 2)) + "px, " + (e.layerY - (panelt654469.offsetHeight / 2)) + "px)" } window.requestAnimationFrame(paneltmv654469) }) </script> </span> <style> @media (max-width: 600px) { .dr-comp.doble-foto-blog .panel654469{ height: px !important; max-height: px !important} } @media (min-width: 600px) and (max-width: 991px) { .dr-comp.doble-foto-blog .panel654469{ height: px !important; max-height: px !important} } @media (min-width: 992px){ .dr-comp.doble-foto-blog .panel654469{ height: 800px !important; max-height: 800px !important} } </style> <div style="width: 35vw; height: 1px; max-width: 560px;"></div> </div>  </section> <style> .drool-header .logo path{fill: var(--cn)} .drool-header .logo:hover path{fill: var(--dc)} .drool-header #menu-ctn{color: var(--cn)} .drool-header .menu-btn::before, .colrd .menu-btn::after{background-color: var(--cn) !important} .hd-rw.colrd .inside-bars.menu-btn::before, .hd-rw.colrd .inside-bars.menu-btn::after{ background-color: var(--cb) !important } </style> </main> <aside> <section class="drool-rrss"> <p class="anm">¡Ayúdanos a hacer ruido!</p> <div class="rrss-links"> <a href="http://twitter.com/share?text=Socolá&url=https://drool.es/proyectos/socola/&via=drool" rel="nofollow" data-social_name="twitter" data-post_id="2322" data-social_type="share" data-location="inline" data-min_count="0" class="anm" target="_blank" id="twit">Twitter</a> <a href="http://www.facebook.com/sharer.php?u=https://drool.es/proyectos/socola/&t=Socolá" rel="nofollow" data-social_name="facebook" data-post_id="2322" data-social_type="share" data-location="inline" data-min_count="0" class="anm" target="_blank" id="face" >Facebook</a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://drool.es/proyectos/socola/&title=Socolá" class="anm" target="_blank" id="linkedin">Linkedin</a> <a href="https://api.whatsapp.com/send?text=https://drool.es/proyectos/socola/" rel="nofollow" data-action="share/whatsapp/share" class="anm" target="_blank" id="whats" >Whatsapp</a> <a href="mailto:info@drool.es?subject=Socolá&body=https://drool.es/proyectos/socola/" class="anm" target="_blank" id="ecor" >Email</a> </div> </section> <div class="mod__proyrel mod__proyrel_proyectos"> <div class="container"> <div class="row"> <div class="col-11 col-md-6 col-lg-4 offset-lg-1 fade"> <a href="https://drool.es/proyectos/dia-del-consumidor/" title="Día del Consumidor" class="mod__proyrel_pro"> <div class="pro_rel_contimg_ant"> <div class="cpaa"></div> <span class="pro_rel_contimg img-scroll-ani"> <img src="https://drool.es/wp-content/uploads/2023/12/consumo-motion-thumb.gif" alt="Día del Consumidor" > </span> </div> <span class="pro_rel__preti">Proyecto anterior</span> <h4>Día del Consumidor — Una animación para proclamar los Derechos de los Consumidores</h4> </a> </div> <div class="col-11 offset-1 offset-md-0 col-md-6 col-lg-4 offset-lg-2 fade"> <a href="https://drool.es/proyectos/mamba-sala-de-conciertos-murcia/" title="Mamba!" class="mod__proyrel_pro"> <div class="pro_rel_contimg_ant"> <div class="cpaa"></div> <span class="pro_rel_contimg img-scroll-ani"> <img src="https://drool.es/wp-content/uploads/2024/01/mamba-simple-05b-scaled.webp" alt="Mamba!" > </span> </div> <span class="pro_rel__preti">Siguiente proyecto</span> <h4>Mamba! — Damos forma a una sala de conciertos de Murcia</h4> </a> </div> </div> </div> </div> <a href="https://drool.es/contacto/" class="modulo__contacto"> <div class="modulo__contacto_txt"> Hagamos un gran proyecto juntos. <br> Todo comienza con una simple palabra: <br> <span class="hola">¡Hola!</span> </div> <div class="modulo__contacto_marquee"> <div class="modulo__contacto_marquee_txt"> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> <span><b>¿Hablamos?</b></span> </div> </div> </a></aside> <footer > <div class="footer__cont"> <div class="container"> <div class="row"> <div class="col-12 col-lg-8 offset-lg-2"> <h4>Estudio de diseño gráfico y comunicación creativa.</h4> </div> <div class="col-6 col-md-4 offset-lg-2"> <address class="direcc">Ronda de Levante, 14 1º Oficina 4<br>30008 Murcia, España</address> <div class="footer__contacto"> <div class="tlfn"> <div class="graytxt">Teléfono</div> <a href="tel:+34687515232">687 515 232</a> </div> <div class="correo"> <div class="graytxt">Email</div> <a href="mailto:hola@drool.es">hola@drool.es</a> </div> </div> </div> <div class="col-6 col-md-8 col-lg-6"> <div class="row"> <div class="col-12 col-md-6 col-lg-8"> <div class="row"> <div class="col-lg-6"> <div class="servicioslist"> <div class="graytxt">Servicios</div> <div class="menu-servicios-columna-1-container"><ul id="menu-servicios-columna-1" class="menu"><li id="menu-item-2072" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2072"><a href="https://drool.es/servicios/branding/">Branding</a></li> <li id="menu-item-2073" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2073"><a href="https://drool.es/servicios/diseno-grafico/">Diseño gráfico</a></li> <li id="menu-item-2074" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2074"><a href="https://drool.es/servicios/diseno-web-y-digital/">Diseño web y digital</a></li> <li id="menu-item-2075" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2075"><a href="https://drool.es/servicios/motion-graphics-y-animacion/">Motion graphics</a></li> <li id="menu-item-2371" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2371"><a href="https://drool.es/desarrollo-web-con-webflow/">Expertos en Webflow</a></li> </ul></div> </div> </div> <div class="col-lg-6"> <div class="servicioslist"> <div class="graytxt d-none d-lg-block"> </div> <div class="menu-servicios-columna-2-container"><ul id="menu-servicios-columna-2" class="menu"><li id="menu-item-2076" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2076"><a href="https://drool.es/nosotros/">Nosotros</a></li> <li id="menu-item-2077" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2077"><a href="https://drool.es/servicios/">Servicios</a></li> <li id="menu-item-2078" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2078"><a href="https://drool.es/proyectos/">Proyectos</a></li> <li id="menu-item-2670" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-2670"><a href="https://drool.es/blog/">Blog</a></li> <li id="menu-item-2370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2370"><a href="https://drool.es/newsletter/">Newsletter</a></li> <li id="menu-item-2079" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2079"><a href="https://drool.es/contacto/">Contacto</a></li> </ul></div> </div> </div> </div> </div> <div class="col-12 col-md-6 col-lg-4"> <div class="redes"> <div class="graytxt">Nuestras redes</div> <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/droolestudio/">Instagram</a> <a target="_blank" rel="noopener noreferrer" href="https://www.behance.net/droolestudio">Behance</a> <a target="_blank" rel="noopener noreferrer" href="https://www.twitter.com/droolestudio">X (Twitter)</a> <a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/2070829">Linkedin</a> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="row"> <div class="col-12 col-md-5 col-lg-4 offset-lg-2"> <div class="copyright">2025 Drool. Todos los derechos reservados.</div> </div> <div class="col-12 col-md-7 col-lg-6 text-md-right"> <div class="legal-links"> <a class="drt" rel="nofollow" href="https://drool.es/aviso-legal/">Aviso Legal</a><span class="separador">|</span><a class="drt" rel="nofollow" href="https://drool.es/politica-de-privacidad/">Política de privacidad</a><span class="separador">|</span><a rel="nofollow" class="drt" href="https://drool.es/politica-de-cookies/">Política de cookies</a> </div> </div> </div> </div> </div> </div> </footer> </div> </div> <div class="container" id="containerTam"></div> <script src="https://player.vimeo.com/api/player.js"></script> <div class="bg-video"> <div id="vidCursor"></div> <div class="modal-overlay"> <div class="cont__iframe"> <iframe src="" id="bg-video-iframe" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> </div> </div>  <div id="cursor"></div> <div id="tfloatCursor"></div> <div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">Utilizamos cookies para asegurarnos que obtengas la mejor experiencia en nuestra web.</div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 5px 0px 0px">Configurar</a><a id="wt-cli-accept-all-btn" role='button' data-cli_action="accept_all" class="wt-cli-element medium cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button">Aceptar</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Manage consent</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Cerrar</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Descripción general de privacidad</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">Este sitio web utiliza cookies para mejorar su experiencia mientras navega por él. De ellas, las cookies que se clasifican como necesarias se almacenan en su navegador, ya que son esenciales para el funcionamiento del sitio web. También utilizamos cookies de terceros que nos ayudan a analizar y comprender cómo utiliza este nuestra web. Estas cookies se almacenarán en su navegador sólo con su consentimiento. También tiene la opción de optar por no recibir estas cookies pero la exclusión voluntaria de algunas de estas cookies puede afectar su experiencia de navegación.</div> </div> <a class="cli-privacy-readmore" aria-label="Mostrar más" role="button" data-readmore-text="Mostrar más" data-readless-text="Mostrar menos"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="funcionales" data-toggle="cli-toggle-tab"> Funcionales </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-funcionales" class="cli-user-preference-checkbox" data-id="checkbox-funcionales" /> <label for="wt-cli-checkbox-funcionales" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Funcionales</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="funcionales"> <div class="wt-cli-cookie-description"> Las cookies funcionales ayudan a realizar ciertas funcionalidades, como compartir el contenido del sitio web en plataformas de redes sociales, recopilar comentarios y otras funciones de terceros. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="rendimiento" data-toggle="cli-toggle-tab"> Rendimiento </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-rendimiento" class="cli-user-preference-checkbox" data-id="checkbox-rendimiento" /> <label for="wt-cli-checkbox-rendimiento" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Rendimiento</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="rendimiento"> <div class="wt-cli-cookie-description"> Las cookies de rendimiento se utilizan para comprender y analizar los índices clave de rendimiento del sitio web, lo que ayuda a ofrecer una mejor experiencia de usuario a los visitantes. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="analiticas" data-toggle="cli-toggle-tab"> Analíticas </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-analiticas" class="cli-user-preference-checkbox" data-id="checkbox-analiticas" /> <label for="wt-cli-checkbox-analiticas" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Analíticas</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="analiticas"> <div class="wt-cli-cookie-description"> Las cookies analíticas se utilizan para comprender cómo interactúan los visitantes con el sitio web. Estas cookies ayudan a proporcionar información sobre métricas: número de visitantes, tasa de rebote, fuente de tráfico, etc. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="anuncios" data-toggle="cli-toggle-tab"> Anuncios </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-anuncios" class="cli-user-preference-checkbox" data-id="checkbox-anuncios" /> <label for="wt-cli-checkbox-anuncios" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Anuncios</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="anuncios"> <div class="wt-cli-cookie-description"> Las cookies publicitarias se utilizan para proporcionar a los visitantes anuncios y campañas de marketing relevantes. Estas cookies rastrean a los visitantes en los sitios web y recopilan información para proporcionar anuncios personalizados. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="otras" data-toggle="cli-toggle-tab"> Otras </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-otras" class="cli-user-preference-checkbox" data-id="checkbox-otras" /> <label for="wt-cli-checkbox-otras" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Otras</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="otras"> <div class="wt-cli-cookie-description"> Otras cookies no categorizadas son aquellas que están siendo analizadas y aún no han sido clasificadas en ninguna categoría. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necesarias" data-toggle="cli-toggle-tab"> Necesarias </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-necesarias" class="cli-user-preference-checkbox" data-id="checkbox-necesarias" checked='checked' /> <label for="wt-cli-checkbox-necesarias" class="cli-slider" data-cli-enable="Activado" data-cli-disable="Desactivado"><span class="wt-cli-sr-only">Necesarias</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necesarias"> <div class="wt-cli-cookie-description"> Las cookies necesarias son absolutamente esenciales para que el sitio web funcione correctamente. Estas cookies garantizan funcionalidades básicas y características de seguridad del sitio web, de forma anónima. <table class="cookielawinfo-row-cat-table cookielawinfo-winter"><thead><tr><th class="cookielawinfo-column-1">Cookie</th></tr></thead><tbody><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-analytics</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-functional</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-necessary</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-others</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">cookielawinfo-checkbox-performance</td></tr><tr class="cookielawinfo-row"><td class="cookielawinfo-column-1">viewed_cookie_policy</td></tr></tbody></table> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">GUARDAR Y ACEPTAR</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <link rel='stylesheet' id='cookie-law-info-table-css' href='https://drool.es/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-table.css?ver=3.2.6' type='text/css' media='all' /> <script type="text/javascript" src="https://drool.es/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://drool.es/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/drool.es\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-translations"> /* <![CDATA[ */ ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "contact-form-7", {"translation-revision-date":"2024-07-17 09:00:42+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"es"},"This contact form is placed in the wrong place.":["Este formulario de contacto est\u00e1 situado en el lugar incorrecto."],"Error:":["Error:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js?ver=3" id="slick-js"></script> <script type="text/javascript" src="https://drool.es/wp-content/themes/drool-studio/js/javascript.js?ver=3" id="javascript-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfvCJIoAAAAAA5wNvQDmm50_kzBYEmJZOqcKkjI&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://drool.es/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-extra"> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LfvCJIoAAAAAA5wNvQDmm50_kzBYEmJZOqcKkjI","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type="text/javascript" src="https://drool.es/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.9.8" id="wpcf7-recaptcha-js"></script> </body> </html>

CINXE.COM

Socolá - Drool