Il linguaggio visivo del sito.
Una palette materica, una tipografia editoriale e segni ispirati al disegno di architettura costruiscono un’identità discreta, leggibile e coerente con il lavoro dello studio.
Colori presi dalla materia.
Le tonalità richiamano pietra, carta, intonaci, ossido e vegetazione profonda. Il colore non decora: organizza gerarchie, evidenzia passaggi e accompagna la lettura.
Tre caratteri, tre funzioni.
Il contrasto tra serif, sans serif e monospaziato tiene insieme tono editoriale, chiarezza del testo e precisione tecnica.
Fraunces
Titoli, citazioni e passaggi narrativi. Introduce una voce più calda e autoriale.
Inter
Testi correnti e contenuti informativi. Mantiene la lettura chiara su tutte le dimensioni.
IBM Plex Mono
Etichette, coordinate e microtesti. Richiama annotazioni e tavole tecniche.
Micro-disegni di architettura.
Le icone non sono pittogrammi generici: condensano luogo, spazio, verifica e costruzione attraverso piante, sezioni, assi, quote e linee tratteggiate.
Il marchio
Il simbolo storico di Indrigo Architetti nasce dalla sovrapposizione di tre significati: il profilo del tetto di una casa, l’iniziale A di architettura e una figura volutamente aperta. L’apertura esprime il progetto come processo in divenire, disponibile alla trasformazione e al confronto con il contesto.
La denominazione è composta in Century Gothic Bold, carattere geometrico e diretto che rafforza la costruzione essenziale del segno.
Luogo
L’edificio viene letto insieme al terreno, alla vegetazione e alla scala del contesto.
Spazio
Pareti, arredi e percorsi sono messi in relazione con il modo in cui lo spazio viene abitato.
Verifica
La lente rende visibile il livello tecnico e rappresenta l’analisi di possibilità e criticità.
Costruzione
Le linee del progetto e quelle dell’esecuzione vengono ricondotte alla stessa geometria.
La forma segue anche la leggibilità.
Le scelte visive sono state verificate perché struttura, contenuti e interazioni restino comprensibili anche con tastiera, tecnologie assistive e schermi di dimensioni diverse.
Contrasto
Colori testuali e stati di interazione sono stati impostati per mantenere un contrasto adeguato.
Navigazione
Menu, link, modulo e contenuto principale sono raggiungibili e comprensibili anche da tastiera.
Movimento
Le preferenze di riduzione delle animazioni vengono rispettate, evitando movimenti non necessari.
Responsive
Testi, immagini, icone e griglie si adattano a desktop, tablet e dispositivi mobili senza perdere gerarchia.
Criteri e verifiche
Il sito è stato progettato secondo i criteri delle WCAG 2.2 e sottoposto a verifiche automatiche e manuali di accessibilità. Il controllo viene ripetuto in occasione di modifiche significative.
Un sistema essenziale.
Questa pagina non è un manuale di identità completo, ma una traccia del processo progettuale del sito: mostra come materiali, tipografia e segni siano stati scelti per accompagnare i contenuti senza sovrapporsi al lavoro di architettura.
Progetto grafico e sviluppo del sito: Stefano Gabaglio — stefano@gabaglio.net · www.gabaglio.net