## 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.

### 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

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.

Vai a
Components Library

Qui puoi trovare la documentazione delle Components Libraries che implementano il Webkit INAIL.
La piattaforma permette di testare il comportamento di ogni componente, verificarne l'accessibilità, visualizzarne gli stili e il codice da usare.

Internet Intranet
Coming Soon

Qui puoi trovare la documentazione degli elementi HTML caratterizzanti la UI e UX Inail del WebKit 6.
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.

Vai a
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.

GPS

### 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

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.

Brand Identity
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.

Logo INAIL
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.

Identità Visiva
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.

Web Editing