{"id":1517,"date":"2025-11-27T20:50:38","date_gmt":"2025-11-27T19:50:38","guid":{"rendered":"https:\/\/www.clickagency.it\/?page_id=1517"},"modified":"2026-09-11T06:10:41","modified_gmt":"2026-09-11T04:10:41","slug":"portfolio-augusta","status":"publish","type":"page","link":"https:\/\/www.clickagency.it\/en\/portfolio-augusta\/","title":{"rendered":"PORTFOLIO &#8211; Augusta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1517\" class=\"elementor elementor-1517\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7f5f74b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"7f5f74b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-929efcf\" data-id=\"929efcf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9fcb7a elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"e9fcb7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">BRAND IDENTITY<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">web design<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c29ef8 elementor-widget elementor-widget-html\" data-id=\"1c29ef8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-progetto-augusta\">\n  Augusta\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dd257e elementor-widget elementor-widget-html\" data-id=\"5dd257e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header-augusta\">\n  <div class=\"ss-col-header-augusta\">\n    <p>\n     Augusta Luxury Apartments \u00e8 un luogo che vive di eleganza silenziosa e di equilibrio. Quando siamo stati chiamati a interpretarne l\u2019identit\u00e0, abbiamo compreso subito che non si trattava di progettare un simbolo, ma di dare voce a un\u2019atmosfera: la cura minuziosa dei dettagli, i materiali pregiati, la calma raffinata degli ambienti affacciati sul mare di Maiori.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header-augusta\">\n    <p>\n      Abbiamo trasformato sensazioni e suggestioni in un racconto visivo coerente, capace di restituire il carattere intimo e sofisticato della struttura. Dal brand mark fino alla digital experience, ogni elemento \u00e8 stato pensato per esprimere quella raffinatezza discreta che appartiene al luogo. Un lavoro che non definisce solo un\u2019immagine, ma accompagna Augusta nella costruzione della sua presenza online e offline.\n    <\/p>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6595211 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6595211\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd74e9c\" data-id=\"dd74e9c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ec0588 elementor-hidden-mobile elementor-widget elementor-widget-video\" data-id=\"5ec0588\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video-header.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3c70cf elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"a3c70cf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e56d851\" data-id=\"e56d851\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc46d31 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-video\" data-id=\"cc46d31\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video-header1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff0474b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"ff0474b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5ee54b\" data-id=\"f5ee54b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-767c42b elementor-widget elementor-widget-html\" data-id=\"767c42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-paragrafo\">\n Brand Identity\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5138fba elementor-widget elementor-widget-html\" data-id=\"5138fba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo\">\nIl segno e la sua voce\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06a9964 elementor-widget elementor-widget-html\" data-id=\"06a9964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header-brand\">\n  <div class=\"ss-col-header-brand\">\n    <p>\n      Nel definire l\u2019identit\u00e0 di Augusta, il punto di partenza \u00e8 stato il suo segno: un logotipo costruito su proporzioni misurate, forme controllate e un equilibrio che richiama la sua natura elegante e discreta. La progettazione del lettering ha richiesto un lavoro di sintesi e precisione, volto a creare un marchio capace di funzionare in ogni scala e applicazione, mantenendo sempre una presenza chiara, calma e autorevole.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header-brand\">\n    <p>\n     Parallelamente al logo, abbiamo sviluppato una palette cromatica che completa il visual system. Il blu \u2014 profondo, essenziale, identitario \u2014 diventa il colore guida, mentre le nuance neutre che lo accompagnano creano un sistema visivo coerente e sofisticato.\u2028Logo e palette dialogano in modo naturale, costruendo un linguaggio immediatamente riconoscibile.\n    <\/p>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cc35ced elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"cc35ced\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df95575\" data-id=\"df95575\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3d8203 elementor-hidden-mobile elementor-widget elementor-widget-video\" data-id=\"d3d8203\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/12\/video-augusta.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-df1f831 elementor-section-full_width elementor-hidden-mobile elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"df1f831\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d778dbf\" data-id=\"d778dbf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cced010 elementor-widget elementor-widget-video\" data-id=\"cced010\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/blocco11.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f6aceeb\" data-id=\"f6aceeb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-22fb937 elementor-widget elementor-widget-video\" data-id=\"22fb937\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/blocco21.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-87452c5 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"87452c5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-55ccf1d\" data-id=\"55ccf1d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45e05d2 elementor-widget elementor-widget-html\" data-id=\"45e05d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"gifSlider\" class=\"vs vs-transform\">\n  <div class=\"vs-viewport\">\n    <div class=\"vs-track\" aria-label=\"Video works\">\n\n      <!-- CARD 1 -->\n      <a class=\"vs-card\" href=\"\">\n        <video class=\"vs-media\" autoplay muted loop playsinline>\n          <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/12\/video-mobile-augusta.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/a>\n\n      <!-- CARD 2 -->\n      <a class=\"vs-card\" href=\"\">\n        <video class=\"vs-media\" autoplay muted loop playsinline>\n          <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/blocco11.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/a>\n\n      <!-- CARD 3 -->\n      <a class=\"vs-card\" href=\"\">\n        <video class=\"vs-media\" autoplay muted loop playsinline>\n          <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/blocco21.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/a>\n\n      <!-- Duplica altre card se vuoi -->\n    <\/div>\n  <\/div>\n  <div class=\"vs-dots\"><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad500b7 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"ad500b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const slider   = document.getElementById('gifSlider');\n  if (!slider) return;\n\n  const viewport = slider.querySelector('.vs-viewport');\n  const track    = slider.querySelector('.vs-track');\n  if (!viewport || !track) return;\n\n  const cards    = Array.from(track.querySelectorAll('.vs-card'));\n  const dotsWrap = slider.querySelector('.vs-dots');\n\n  let isDown = false;\n  let hasMoved = false;\n  let startX = 0;\n  let startScrollLeft = 0;\n\n  \/* ========== DRAG \/ SWIPE ========= *\/\n\n  function startDrag(clientX, evt) {\n    isDown = true;\n    hasMoved = false;\n    startX = clientX;\n    startScrollLeft = viewport.scrollLeft;\n    slider.classList.add('is-dragging');\n    if (evt) evt.preventDefault();\n  }\n\n  function moveDrag(clientX, evt) {\n    if (!isDown) return;\n    const dx = clientX - startX;\n    if (Math.abs(dx) > 2) hasMoved = true;\n    viewport.scrollLeft = startScrollLeft - dx;\n    if (evt) evt.preventDefault();\n  }\n\n  function endDrag() {\n    if (!isDown) return;\n    isDown = false;\n    slider.classList.remove('is-dragging');\n  }\n\n  if ('PointerEvent' in window) {\n    viewport.addEventListener('pointerdown', (e) => {\n      if (e.button !== 0 && e.pointerType === 'mouse') return;\n      startDrag(e.clientX, e);\n      try { viewport.setPointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointermove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    viewport.addEventListener('pointerup', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointercancel', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointerleave', () => {\n      endDrag();\n    });\n  } else {\n    \/\/ Mouse fallback\n    viewport.addEventListener('mousedown', (e) => {\n      if (e.button !== 0) return;\n      startDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mousemove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mouseup', () => {\n      endDrag();\n    });\n\n    \/\/ Touch fallback\n    viewport.addEventListener('touchstart', (e) => {\n      if (!e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      startDrag(t.clientX);\n    }, { passive: true });\n\n    viewport.addEventListener('touchmove', (e) => {\n      if (!isDown || !e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      moveDrag(t.clientX, e);\n    }, { passive: false });\n\n    viewport.addEventListener('touchend', endDrag);\n    viewport.addEventListener('touchcancel', endDrag);\n  }\n\n  \/\/ evita click sui link dopo drag\n  slider.querySelectorAll('.vs-card').forEach((card) => {\n    card.addEventListener('click', (e) => {\n      if (hasMoved) {\n        e.preventDefault();\n        e.stopImmediatePropagation();\n      }\n    });\n  });\n\n  \/* ========== DOTS ========= *\/\n\n  if (!dotsWrap || !cards.length) return;\n\n  dotsWrap.innerHTML = '';\n  const dots = [];\n\n  cards.forEach((card, i) => {\n    const dot = document.createElement('div');\n    dot.className = 'vs-dot';\n    dot.dataset.index = i;\n    dotsWrap.appendChild(dot);\n    dots.push(dot);\n\n    dot.addEventListener('click', () => {\n      viewport.scrollTo({\n        left: card.offsetLeft,\n        behavior: 'smooth'\n      });\n    });\n  });\n\n  function updateDots() {\n    const viewportCenter = viewport.scrollLeft + viewport.clientWidth \/ 2;\n    let activeIndex = 0;\n    let minDist = Infinity;\n\n    cards.forEach((card, i) => {\n      const cardCenter = card.offsetLeft + card.clientWidth \/ 2;\n      const dist = Math.abs(cardCenter - viewportCenter);\n      if (dist < minDist) {\n        minDist = dist;\n        activeIndex = i;\n      }\n    });\n\n    dots.forEach((dot, i) => {\n      dot.classList.toggle('active', i === activeIndex);\n    });\n  }\n\n  viewport.addEventListener('scroll', updateDots, { passive: true });\n  window.addEventListener('resize', updateDots);\n  updateDots();\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f472316 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"f472316\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c5c99af\" data-id=\"c5c99af\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-453e91f elementor-widget elementor-widget-html\" data-id=\"453e91f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cp-palette\">\n\n  <!-- CARD 1 -->\n  <article class=\"cp-card cp-card--1\">\n    <video class=\"cp-media\" autoplay muted loop playsinline preload=\"metadata\">\n      <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/1918465-uhd_3840_2160_24fps-2-1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"cp-overlay\"><\/div>\n    <div class=\"cp-text\">\n      <p class=\"cp-name\">Color Name<\/p>\n      <p class=\"cp-hex\">#254153<\/p>\n    <\/div>\n  <\/article>\n\n  <!-- CARD 2 -->\n  <article class=\"cp-card cp-card--2\">\n    <video class=\"cp-media\" autoplay muted loop playsinline preload=\"metadata\">\n      <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/4562023-hd_1040_1848_30fps.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"cp-overlay\"><\/div>\n    <div class=\"cp-text\">\n      <p class=\"cp-name\">Color Name<\/p>\n      <p class=\"cp-hex\">#B4C9E6<\/p>\n    <\/div>\n  <\/article>\n\n  <!-- CARD 3 -->\n  <article class=\"cp-card cp-card--3\">\n    <video class=\"cp-media\" autoplay muted loop playsinline preload=\"metadata\">\n      <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/10160481-uhd_2160_4096_25fps.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"cp-overlay\"><\/div>\n    <div class=\"cp-text\">\n      <p class=\"cp-name\">Color Name<\/p>\n      <p class=\"cp-hex\">#B5916C<\/p>\n    <\/div>\n  <\/article>\n\n  <!-- CARD 4 -->\n  <article class=\"cp-card cp-card--4\">\n    <video class=\"cp-media\" autoplay muted loop playsinline preload=\"metadata\">\n      <source src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/18468563-hd_1080_1920_24fps.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"cp-overlay\"><\/div>\n    <div class=\"cp-text\">\n      <p class=\"cp-name\">Color Name<\/p>\n      <p class=\"cp-hex\">#EEEAE5<\/p>\n    <\/div>\n  <\/article>\n\n<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af082bc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"af082bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const cards = document.querySelectorAll('.cp-card');\n  if (!cards.length) return;\n\n  let openCard = null;\n\n  function isMobile() {\n    return window.matchMedia('(max-width: 768px)').matches;\n  }\n\n  cards.forEach(card => {\n    card.addEventListener('click', function () {\n      if (!isMobile()) {\n        \/\/ Desktop: effetto solo con hover\n        return;\n      }\n\n      \/\/ se tocchi la card gi\u00e0 aperta \u2192 richiudi\n      if (openCard === card) {\n        card.classList.remove('cp-card--open');\n        openCard = null;\n        return;\n      }\n\n      \/\/ chiudi la precedente\n      if (openCard) {\n        openCard.classList.remove('cp-card--open');\n      }\n\n      \/\/ apri la nuova\n      card.classList.add('cp-card--open');\n      openCard = card;\n    });\n  });\n\n  \/\/ se ruoti \/ allarghi e esci dal mobile, resettiamo lo stato\n  window.addEventListener('resize', function () {\n    if (!isMobile() && openCard) {\n      openCard.classList.remove('cp-card--open');\n      openCard = null;\n    }\n  });\n});\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-451914b elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"451914b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20d4751\" data-id=\"20d4751\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2fe71a9 elementor-widget elementor-widget-html\" data-id=\"2fe71a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-identity\">\nbrand identity\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-059bf41 elementor-widget elementor-widget-html\" data-id=\"059bf41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo-identity\">\nDalla teoria alla forma\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9816bf6 elementor-widget elementor-widget-html\" data-id=\"9816bf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header-paragrafo-identity\">\n  <div class=\"ss-col-header-paragrafo-identity\">\n    <p>\n    La progettazione dell\u2019identit\u00e0 di Augusta ha richiesto un lavoro di approfondimento dedicato alla resa del segno in contesti reali. Abbiamo analizzato come il logo reagisce a superfici differenti, valutando spessori, incisioni, stampe e supporti con texture e riflessi eterogenei.\u00a0\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header-paragrafo-identity\">\n    <p>\n      Ogni variante \u00e8 stata calibrata per garantire stabilit\u00e0 visiva: dal tratto pi\u00f9 fine utilizzato in scala ridotta, alle versioni a maggiore impatto pensate per formati estesi. Il risultato \u00e8 un sistema che non si limita a \u201cfunzionare\u201d, ma mantiene carattere e precisione in qualsiasi condizione d\u2019uso.\n    <\/p>\n  <\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5244506 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"5244506\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4cc48af\" data-id=\"4cc48af\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97c00a9 elementor-widget elementor-widget-image\" data-id=\"97c00a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"324\" height=\"320\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-3.png\" class=\"attachment-large size-large wp-image-1677\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-3.png 324w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-3-300x296.png 300w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5a1554 elementor-widget elementor-widget-image\" data-id=\"b5a1554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"324\" height=\"640\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-3.png\" class=\"attachment-large size-large wp-image-1679\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-3.png 324w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-3-152x300.png 152w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3b89064\" data-id=\"3b89064\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8760b69 elementor-widget elementor-widget-image\" data-id=\"8760b69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"326\" height=\"640\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-3.png\" class=\"attachment-large size-large wp-image-1678\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-3.png 326w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-3-153x300.png 153w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c15e6 elementor-widget elementor-widget-image\" data-id=\"b0c15e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"320\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-3.png\" class=\"attachment-large size-large wp-image-1680\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-3.png 326w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-3-300x294.png 300w\" sizes=\"(max-width: 326px) 100vw, 326px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1aab873\" data-id=\"1aab873\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0189067 elementor-widget elementor-widget-image\" data-id=\"0189067\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"320\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-2.png\" class=\"attachment-large size-large wp-image-1681\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-2.png 684w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-2-300x140.png 300w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b2c3d18 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"b2c3d18\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-66ca9e7\" data-id=\"66ca9e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5131ac8 elementor-widget elementor-widget-image\" data-id=\"5131ac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"374\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-1.png\" class=\"attachment-large size-large wp-image-1547\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-1.png 826w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-1-300x140.png 300w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-1-768x359.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dadbfdc elementor-widget elementor-widget-image\" data-id=\"dadbfdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"827\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-1.png\" class=\"attachment-large size-large wp-image-1546\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-1.png 826w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-1-290x300.png 290w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-1-768x794.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-65cfea0\" data-id=\"65cfea0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3f4b2c elementor-widget elementor-widget-image\" data-id=\"c3f4b2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"1024\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-1-661x1024.png\" class=\"attachment-large size-large wp-image-1545\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-1-661x1024.png 661w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-1-194x300.png 194w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-1-768x1190.png 768w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-1.png 826w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4f0f004\" data-id=\"4f0f004\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f73705 elementor-widget elementor-widget-image\" data-id=\"0f73705\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"827\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-1.png\" class=\"attachment-large size-large wp-image-1548\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-1.png 826w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-1-290x300.png 290w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-82-1-768x794.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a86ed53 elementor-widget elementor-widget-image\" data-id=\"a86ed53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"374\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-1.png\" class=\"attachment-large size-large wp-image-1549\" alt=\"\" srcset=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-1.png 826w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-1-300x140.png 300w, https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-83-1-768x359.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38441f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"38441f4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6d0432c\" data-id=\"6d0432c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f66245 elementor-widget elementor-widget-html\" data-id=\"7f66245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tag \/ Sezione: Social Media -->\n<p class=\"social-media-tag-paragrafo-social\">\nSOCIAL & WEB COMMUNICATION\n<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec3363 elementor-widget elementor-widget-html\" data-id=\"4ec3363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 class=\"title-paragrafo-sociale\">\nRacconto visivo\n<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df14d05 elementor-widget elementor-widget-html\" data-id=\"df14d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ss-textblock-header-social\">\n  <div class=\"ss-col-header-social\">\n    <p>\n     Per completare il progetto abbiamo definito un linguaggio fotografico capace di raccontare Augusta attraverso atmosfere, luce e dettagli. Le immagini diventano parte integrante del racconto del brand: un ponte tra la dimensione fisica degli appartamenti e la loro rappresentazione visiva.\n    <\/p>\n  <\/div>\n\n  <div class=\"ss-col-header-social\">\n    <p>\n  Questo approccio ha guidato anche lo sviluppo del sito web, progettato per esprimere la stessa eleganza presente negli spazi reali. La web experience \u00e8 stata pensata per essere fluida, intuitiva e immersiva, valorizzando gli ambienti e il carattere di Augusta attraverso un equilibrio tra visual, contenuti e navigazione. Un ecosistema coerente che d\u00e0 forma alla sua identit\u00e0 in ogni dettaglio.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27d3f8d elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"27d3f8d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f79095\" data-id=\"1f79095\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-13a67e5 elementor-widget elementor-widget-image-carousel\" data-id=\"13a67e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;slides_to_show&quot;:&quot;4&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carosello d&#039;immagini\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 di 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-79-2.png\" alt=\"Frame 79\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 di 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-80-2.png\" alt=\"Frame 80\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 di 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-81-2.png\" alt=\"Frame 81\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 di 4\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Frame-821.png\" alt=\"Frame 82(1)\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-079ab86 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"079ab86\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b0c80a6\" data-id=\"b0c80a6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb67007 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"bb67007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const slider   = document.getElementById('mediaShowreel');\n  if (!slider) return;\n\n  const viewport = slider.querySelector('.msr-viewport');\n  const track    = slider.querySelector('.msr-track');\n  if (!viewport || !track) return;\n\n  const cards    = Array.from(track.querySelectorAll('.msr-card'));\n  const dotsWrap = slider.querySelector('.msr-dots');\n\n  if (!cards.length) return;\n\n  let isDown = false;\n  let hasMoved = false;\n  let startX = 0;\n  let startScrollLeft = 0;\n\n  \/* ===========================\n     RECALCOLO LAYOUT\n  ============================ *\/\n  function recalcLayout() {\n    if (!cards.length) return;\n\n    const firstCardRect = cards[0].getBoundingClientRect();\n    const cardWidth = firstCardRect.width ||\n      parseFloat(getComputedStyle(slider).getPropertyValue('--msr-card-w')) || 412;\n\n    const styles = getComputedStyle(slider);\n    const gap = parseFloat(styles.getPropertyValue('--msr-gap')) || 24;\n    const slideCount = cards.length;\n\n    const totalWidth = (slideCount * cardWidth) + (slideCount - 1) * gap;\n\n    track.style.width = totalWidth + 'px';\n    track.style.marginLeft = 'auto';\n    track.style.marginRight = 'auto';\n  }\n\n  \/* ===========================\n     DRAG \/ SWIPE\n  ============================ *\/\n  function startDrag(clientX, evt) {\n    isDown = true;\n    hasMoved = false;\n    startX = clientX;\n    startScrollLeft = viewport.scrollLeft;\n    slider.classList.add('msr-is-dragging');\n    if (evt) evt.preventDefault();\n  }\n\n  function moveDrag(clientX, evt) {\n    if (!isDown) return;\n    const dx = clientX - startX;\n    if (Math.abs(dx) > 2) hasMoved = true;\n    viewport.scrollLeft = startScrollLeft - dx;\n    if (evt) evt.preventDefault();\n  }\n\n  function endDrag() {\n    if (!isDown) return;\n    isDown = false;\n    slider.classList.remove('msr-is-dragging');\n  }\n\n  if ('PointerEvent' in window) {\n    viewport.addEventListener('pointerdown', (e) => {\n      if (e.button !== 0 && e.pointerType === 'mouse') return;\n      startDrag(e.clientX, e);\n      try { viewport.setPointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointermove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    viewport.addEventListener('pointerup', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointercancel', (e) => {\n      endDrag();\n      try { viewport.releasePointerCapture(e.pointerId); } catch {}\n    });\n\n    viewport.addEventListener('pointerleave', () => {\n      endDrag();\n    });\n  } else {\n    \/\/ Mouse fallback\n    viewport.addEventListener('mousedown', (e) => {\n      if (e.button !== 0) return;\n      startDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mousemove', (e) => {\n      if (!isDown) return;\n      moveDrag(e.clientX, e);\n    });\n\n    window.addEventListener('mouseup', () => {\n      endDrag();\n    });\n\n    \/\/ Touch fallback\n    viewport.addEventListener('touchstart', (e) => {\n      if (!e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      startDrag(t.clientX);\n    }, { passive: true });\n\n    viewport.addEventListener('touchmove', (e) => {\n      if (!isDown || !e.touches || !e.touches.length) return;\n      const t = e.touches[0];\n      moveDrag(t.clientX, e);\n    }, { passive: false });\n\n    viewport.addEventListener('touchend', endDrag);\n    viewport.addEventListener('touchcancel', endDrag);\n  }\n\n  \/\/ Evita click sui link dopo drag\n  cards.forEach((card) => {\n    card.addEventListener('click', (e) => {\n      if (hasMoved) {\n        e.preventDefault();\n        e.stopImmediatePropagation();\n      }\n    });\n  });\n\n  \/* ===========================\n     DOTS\n  ============================ *\/\n  if (!dotsWrap) return;\n\n  dotsWrap.innerHTML = '';\n  const dots = [];\n\n  cards.forEach((card, i) => {\n    const dot = document.createElement('div');\n    dot.className = 'msr-dot';\n    dot.dataset.msrIndex = i;\n    dotsWrap.appendChild(dot);\n    dots.push(dot);\n\n    dot.addEventListener('click', () => {\n      const rect = card.getBoundingClientRect();\n      const cardWidth = rect.width;\n      const vpWidth = viewport.clientWidth;\n\n      const scrollTo = card.offsetLeft + cardWidth \/ 2 - vpWidth \/ 2;\n\n      viewport.scrollTo({\n        left: scrollTo,\n        behavior: 'smooth'\n      });\n    });\n  });\n\n  function updateDots() {\n    const viewportCenter = viewport.scrollLeft + viewport.clientWidth \/ 2;\n    let activeIndex = 0;\n    let minDist = Infinity;\n\n    cards.forEach((card, i) => {\n      const cardCenter = card.offsetLeft + card.clientWidth \/ 2;\n      const dist = Math.abs(cardCenter - viewportCenter);\n      if (dist < minDist) {\n        minDist = dist;\n        activeIndex = i;\n      }\n    });\n\n    dots.forEach((dot, i) => {\n      dot.classList.toggle('msr-active', i === activeIndex);\n    });\n  }\n\n  viewport.addEventListener('scroll', updateDots, { passive: true });\n\n  \/* ===========================\n     INIT\n  ============================ *\/\n  function initSlider() {\n    recalcLayout();\n\n    \/\/ centra la prima card\n    const firstCard = cards[0];\n    const rect = firstCard.getBoundingClientRect();\n    const cardWidth = rect.width;\n    const vpWidth = viewport.clientWidth;\n    const initialScroll = firstCard.offsetLeft + cardWidth \/ 2 - vpWidth \/ 2;\n\n    viewport.scrollLeft = Math.max(0, initialScroll);\n    updateDots();\n  }\n\n  initSlider();\n\n  window.addEventListener('resize', () => {\n    recalcLayout();\n    updateDots();\n  });\n});\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BRAND IDENTITY web design Augusta Augusta Luxury Apartments \u00e8 un luogo che vive di eleganza silenziosa e di equilibrio. Quando siamo stati chiamati a interpretarne l\u2019identit\u00e0, abbiamo compreso subito che non si trattava di progettare un simbolo, ma di dare voce a un\u2019atmosfera: la cura minuziosa dei dettagli, i materiali pregiati, la calma raffinata degli ambienti affacciati sul mare di Maiori. Abbiamo trasformato sensazioni e suggestioni in un racconto visivo coerente, capace di restituire il carattere intimo e sofisticato della struttura. Dal brand mark fino alla digital experience, ogni elemento \u00e8 stato pensato per esprimere quella raffinatezza discreta che appartiene al luogo. Un lavoro che non definisce solo un\u2019immagine, ma accompagna Augusta nella costruzione della sua presenza online e offline. https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video-header.mp4https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/Video-header1.mp4 Brand Identity Il segno e la sua voce Nel definire l\u2019identit\u00e0 di Augusta, il punto di partenza \u00e8 stato il suo segno: un logotipo costruito su proporzioni misurate, forme controllate e un equilibrio che richiama la sua natura elegante e discreta. La progettazione del lettering ha richiesto un lavoro di sintesi e precisione, volto a creare un marchio capace di funzionare in ogni scala e applicazione, mantenendo sempre una presenza chiara, calma e autorevole. Parallelamente al logo, abbiamo sviluppato una palette cromatica che completa il visual system. Il blu \u2014 profondo, essenziale, identitario \u2014 diventa il colore guida, mentre le nuance neutre che lo accompagnano creano un sistema visivo coerente e sofisticato.\u2028Logo e palette dialogano in modo naturale, costruendo un linguaggio immediatamente riconoscibile. https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/12\/video-augusta.mp4https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/blocco11.mp4https:\/\/www.clickagency.it\/wp-content\/uploads\/2025\/11\/blocco21.mp4 Color Name #254153 Color Name #B4C9E6 Color Name #B5916C Color Name #EEEAE5 brand identity Dalla teoria alla forma La progettazione dell\u2019identit\u00e0 di Augusta ha richiesto un lavoro di approfondimento dedicato alla resa del segno in contesti reali. Abbiamo analizzato come il logo reagisce a superfici differenti, valutando spessori, incisioni, stampe e supporti con texture e riflessi eterogenei.\u00a0 Ogni variante \u00e8 stata calibrata per garantire stabilit\u00e0 visiva: dal tratto pi\u00f9 fine utilizzato in scala ridotta, alle versioni a maggiore impatto pensate per formati estesi. Il risultato \u00e8 un sistema che non si limita a \u201cfunzionare\u201d, ma mantiene carattere e precisione in qualsiasi condizione d\u2019uso. SOCIAL &#038; WEB COMMUNICATION Racconto visivo Per completare il progetto abbiamo definito un linguaggio fotografico capace di raccontare Augusta attraverso atmosfere, luce e dettagli. Le immagini diventano parte integrante del racconto del brand: un ponte tra la dimensione fisica degli appartamenti e la loro rappresentazione visiva. Questo approccio ha guidato anche lo sviluppo del sito web, progettato per esprimere la stessa eleganza presente negli spazi reali. La web experience \u00e8 stata pensata per essere fluida, intuitiva e immersiva, valorizzando gli ambienti e il carattere di Augusta attraverso un equilibrio tra visual, contenuti e navigazione. Un ecosistema coerente che d\u00e0 forma alla sua identit\u00e0 in ogni dettaglio.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1517","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/1517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/comments?post=1517"}],"version-history":[{"count":136,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/1517\/revisions"}],"predecessor-version":[{"id":4102,"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/pages\/1517\/revisions\/4102"}],"wp:attachment":[{"href":"https:\/\/www.clickagency.it\/en\/wp-json\/wp\/v2\/media?parent=1517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}