Certificato DM 25/2012
Garanzia 24 Mesi
Pagamento Sicuro
Assistenza Dedicata
Made in Italy
P.IVA IT04746260985

Acqua Club Italia · Sistema Visivo 2026

Nuovi
pattern
visivi.

Aggiunge ritmo, colore e decorazione sopra il sito attuale di Acqua Club. I componenti esistenti del tema restano integralmente. Questo sistema lavora solo sul layout e sull'identita' grafica.

Esplora il sistema ? Sito attuale ?

Il punto di partenza

Da qui siamo partiti.

Il sito attuale di acqua-club.com � gi� forte. Questo design system lo porta un livello pi� in alto, costruendo su ci� che funziona gi�.

Il sito attuale

Hero attuale con video loop - testata del sito acqua-club.com

Dove andiamo

Novit� del sistema v2.0

Estratto dai post social e dall'identit� attuale del brand.

  • Bande di colore alternate (blue / deep / teal)
  • Cerchi grafici decorativi - stile post social
  • Dot grid angolari - 6�6 punti accent
  • Tipografia condensata - line-height 0.9 nei titoli hero
  • Doppia immagine sovrapposta nelle hero prodotto
  • Immagine che attraversa la soglia di colore

Identit� cromatica

Palette - Fedele al brand, amplificata.

Costruita in OKLCH per massima accuratezza percettiva. Ogni colore ha un ruolo semantico definito. Il gold entra come accento culturale per la sede di Carimate.

AC Blue
--ac-blue
oklch(44.8% 0.178 264) � #0244b3
Primario istituzionale
AC Blue Deep
--ac-blue-deep
oklch(34.5% 0.156 264) � #013380
Profondo / hero / CTA
AC Teal
--ac-teal
oklch(72.1% 0.128 192) � #1bbfb4
Accento benefit / sociale
AC Teal Light
--ac-teal-light
oklch(82% 0.100 192)
Teal chiaro su sfondi scuri
AC Gold
--ac-gold
#C9962A
Accento culturale � Carimate
Neutri
--ac-paper / paper-2 / paper-3
oklch(98.2% ? 91% L, h=264)
Sfondi / superfici / bordi

Interazioni cromatiche - come i colori si parlano

Teal Light on Deep
+2.400
bottiglie risparmiate
Gold on Blue
Premium Series
White on Paper
Acqua Club

Identit� tipografica

Montserrat + Barlow - Forza e leggibilit�.

Due font con personalit� complementari: Montserrat per l'impatto, Barlow per la lettura. Insieme definiscono la voce visiva del brand.

T-Hero
Montserrat 900
clamp(3.5?7.5rem)
Acqua
T-XL
Montserrat 800
clamp(2?3.5rem)
Distributori professionali
T-LG
Montserrat 700
clamp(1.4?2.25rem)
Per uffici, hotel, abitazioni
T-MD
Barlow 400
clamp(1.05?1.2rem)
Corpo testo principale - Barlow 400 per la lettura sostenuta. Leggero, umano, accessibile a tutti.
T-SM
Barlow 300
clamp(0.875?1rem)
Dettagli tecnici, caption, label di prodotto. Barlow 300 per la massima leggerezza visiva.
T-XS
Montserrat 700
0.75rem / +0.12em
EYEBROW UPPERCASE � TRACKING � CATEGORIA
L'acqua � un diritto. Noi la portiamo a tutti.

Estratti dai post social del brand

Pattern grafici - La firma visiva.

Analizzando i post Instagram e Facebook di Acqua Club emergono tre pattern grafici ricorrenti. Ogni pattern � ora un componente CSS riutilizzabile nel sito.

A. Cerchi Grafici .ac-circle-deco

Grandi cerchi bianchi netti (non gradient, non orb - cerchi solidi) parzialmente tagliati agli angoli del contenitore. Nei post sociali appaiono sempre su sfondo blue o deep, molto grafici, high-contrast.

Variante scura
Sfondo blue-deep + cerchi bianchi semi-trasparenti. Usato nelle hero principali e nei post social.
Variante blue
Sfondo blue istituzionale. Cerchi bianchi per contrasto. Per sezioni statement e sezioni info.
Variante chiara
Su sfondo paper: cerchi blue e teal molto tenui. Per sezioni prodotto con sfondo bianco.
<div class="ac-band--deep ac-circle-deco">.</div>
<div class="ac-orb-light ac-circle-deco--light">.</div>
B. Dot Grid Corner .ac-dots-corner

Griglia di piccoli punti colorati (teal o bianchi) posizionata in un angolo come elemento decorativo. Nei post appare in basso-sinistra, 6�6 punti. Disponibile in varianti angolo e dimensione.

Sfondo scuro - punti bianchi
Classe: .ac-dots-corner (default basso-sx)
Variante top-right
Classe: .ac-dots-corner--tr
Sfondo chiaro - punti teal
Automatico su sfondo paper
Variante large
Classe: .ac-dots-corner--lg (110�110px)

Dot grid come componente display

C. Image Over Boundary .ac-split-bg

L'immagine del prodotto attraversa il confine tra sfondo blu superiore e sfondo bianco inferiore. Effetto molto dinamico, estratto dall'analisi visiva dei contenuti social del brand.

Servizio principale
Boccioni d'acqua 18 litri Acqua Club
L'immagine attraversa la soglia blue ? bianco
<div class="ac-split-bg">
  <div class="ac-img-crossover"><img .></div>
</div>
D. Bande di Sezione ac-orb-light / ac-band--blue / ac-band--deep / ac-band--teal

Il ritmo visivo del sito � dato dall'alternanza di queste quattro bande cromatiche. Ogni sezione appartiene a una banda - la scelta non � casuale ma segue una logica di gerarchia e contrasto.

Sfondo standard - prodotti, content, leggero

I nostri erogatori

AVANT WG Refrigeratore a Boccione
Erogatori d'acqua
AVANT WG
Refrigeratore a Boccione
?264,00
B COOLER Refrigeratore a Boccione
Erogatori d'acqua
B COOLER
Refrigeratore a Boccione
?120,00
B3 Da Terra Erogatore Borg & Overstrom
Erogatori rete idrica
B3 Da Terra
Borg & Overstr�m
?1.230

Sezione statement / manifesto

Ogni erogatore sostituisce 2.400 bottiglie di plastica l'anno.

2.400 Bottiglie risparmiate/anno
600+ Famiglie servite
18 Anni di esperienza

Citazioni / testimonianze / impatto

"Da quando abbiamo installato l'erogatore Acqua Club in ufficio, non abbiamo pi� comprato una bottiglia di plastica. E l'acqua � buonissima."

- Marco R., Responsabile acquisti � Studio legale Milano

CTA urgente / callout benefit

Acqua pura. Sempre.
Senza pensieri.

Attivazione in 48 ore. Canone mensile fisso. Assistenza inclusa.

Richiedi un preventivo gratuito ?

Strutture hero

Hero - Tre varianti, un sistema.

Ogni variante risponde a un contesto diverso. La doppia immagine sovrapposta con prodotti reali � la firma visiva del sistema. I pattern grafici (cerchi + dot grid) amplificano il carattere di ogni hero.

Hero V2 Split - Doppia immagine prodotto reale + cerchi + dot grid

Societ� Benefit Made in Italy

Acqua pura,
ogni giorno.

Erogatori d'acqua per uffici, hotel e abitazioni. Qualit� professionale, installazione inclusa, assistenza garantita.

AVANT WG
B3 Da Terra

AVANT WG (retro, ?1.5�) + B3 Da Terra (fronte, +2.5�) � Cerchi grafici + dot grid in basso-sx � Prodotti reali dal catalogo CDN Shopify.

Hero Homepage - Video loop reale + cerchi

Societ� Benefit � B Corp

Acqua di qualit�,
ogni giorno.

La soluzione professionale per chi sceglie di non comprare pi� bottiglie di plastica. Da 18 anni al servizio di famiglie e aziende italiane.

Boccioni d'acqua 18 litri

Video CDN reale in overlay 25% opacit� - ecoboccione2.png come immagine principale. Cerchi grafici attivi.

Hero Centrata - About / Chi siamo � immagine banner reale

Banner Borg

Dal 1990 � Milano, Italia

Acqua Club � Dal 1990
al futuro.

Un'azienda fondata sulla convinzione che l'acqua pulita sia un diritto di tutti. Societ� Benefit dal 2023.

Pattern derivato dal brand

Stile Post Social - Pattern derivato dal brand.

Layout identico ai post Instagram e Facebook del brand. Proporzioni 1:1, sfondo blu istituzionale, cerchi grafici e dot grid come firma visiva.

Scope di questo sistema

Solo nuovi pattern di layout.

Componenti UI esistenti — bottoni, badge, accordion, card prodotto, schede prodotto, pagine categoria con icone di erogazione, griglia category-cards-premium della homepage — si conservano integralmente. Questo design system aggiunge solo nuovi pattern di colore, spaziatura e decorazione sopra il sito esistente.

Design System 2026 � Versione 2.0 - Pattern Sociali + Prodotti Reali
acqua-club.com ?
Sviluppato da Studio Arven � Tutti i diritti riservati