INAIL.UI

Una raccolta di strumenti progettati per standardizzare e migliorare il disegno delle applicazioni e arricchire le esperienze digitali degli utenti INAIL.

INAIL.UI include le linee guida, i componenti e gli strumenti pensati per promuovere le pratiche di progettazione software per l'Istituto. Grazie all'utilizzo di StoryBook, INAIL.UI facilita la creazione di percorsi accessibili e coerenti, per offrire agli utenti finali un'esperienza migliore.

home04

Come iniziare

Un'introduzione interattiva per aiutarti a selezionare le tecnologie e l’ambito di sviluppo, personalizzando il percorso in base alle esigenze del progetto.

Webkit
Webkit

Qui puoi trovare la documentazione degli elementi HTML caratterizzanti la UI e UX Inail.
Vi sono descritte, per ogni componente, le caratteristiche principali, le varianti, le proprietà, i dettagli implementativi in termini di html e css, le raccomandazioni d'uso.

Webkit
Components Library Angular Material

Qui puoi trovare la documentazione delle Component Libraries sviluppate con Angular Material per il WebKit Unico HTML di INAIL. Ogni componente è progettato per rispettare le linee guida di UI e UX dell’Istituto, garantendo accessibilità, coerenza visiva e compatibilità con gli standard tecnologici adottati.

Angular 17
Coming Soon - Certificazioni UI INAIL

Qui puoi trovare l’elenco delle attività di sviluppo UI per INAIL attualmente in fase di certificazione e valutazione. Questa sezione raccoglie i componenti e le soluzioni UX in attesa di adozione ufficiale da parte dell’Istituto, offrendo una panoramica sulle prossime evoluzioni del WebKit e delle Component Library.

Manuals
Manuals

La Guida per Sviluppatori (GPS) è il repository INAIL dedicato ai gruppi di sviluppo, unico punto di riferimento per tutta la documentazione utile a supportare le attività di sviluppo.

Pillole di brand

Una panoramica degli elementi del brand Inail, pensata per aiutare a comprendere meglio e applicare correttamente il sistema di identità visiva e comunicativa. Per una spiegazione completa dei criteri e delle linee guida, si consiglia di consultare la documentazione ufficiale.

Brand Identity
Brand Identity

L'Inail ha rivisitato la propria brand identity per garantire una percezione coerente del proprio operato e dei suoi valori. La nuova identità si basa su criteri chiari e strumenti pratici per tutti i dipendenti, con manuali e modelli disponibili per una corretta applicazione. L'adozione dei nuovi standard avverrà gradualmente, interessando vari aspetti, dalle procedure istituzionali al layout degli spazi di lavoro.

Logo Inail
Logo INAIL

Il progetto del logotipo Inail mira a trasmettere l'identità dell'Istituto in modo omogeneo, con regole precise sull'uso del logo, sempre da riprodurre singolarmente e in blu pantone 648/C. Sono disponibili versioni positive, negative, RGB e CMYK per uso istituzionale o interno, garantendo coerenza grafica su tutto il territorio nazionale.

Identità
Identità visiva

L'identità visiva dell'Inail definisce gli elementi distintivi del brand attraverso disegni, simboli e caratteri, assicurando coerenza e riconoscibilità. Il sistema di segnaletica è stato aggiornato per uniformare l'immagine dell'Istituto e facilitare l'utenza, includendo cartelli, insegne e altri elementi con nuovi standard grafici e nomenclature.

Standard di comunicazione scritta
Web Editing INAIL

Per uniformare stile e struttura della comunicazione online, Inail adotta linee guida su accessibilità, brand identity e logica del web. Disponibili spazi dedicati su SharePoint con indicazioni su formattazione, uso di tabelle, immagini, sigle e costruzione dei paragrafi, per garantire contenuti chiari, accessibili e coerenti con l’identità visiva dell'ente.