tokens.css
Caratteri (con provenienza e licenza), scala tipografica, colori per ruolo, spaziature, raggi, ombre, tempi. È l’unico file con valori grezzi.
Fase di disegno
Sito Hotminds — prototipo
Quattro schermate costruite su un sistema di fondamenti e componenti condivisi. Serve a decidere e a far approvare: non è il prodotto finito, ma è il vincolo con cui il prodotto verrà scritto.
Il sistema
Da qui si parte
I fondamenti e i componenti vengono prima delle pagine: ogni schermata è composta solo da pezzi che esistono già qui.
Galleria con tutti gli stati
Bottoni, campi, schede, elenco filtrabile, stati vuoto / caricamento / errore / permesso negato, avvisi, dialogo, navigazione.
design/README.md
L’elenco dei componenti, gli stati di ognuno e da quali componenti è fatta ogni schermata. È il testo che finisce nel capitolato.
Le schermate
Quattro pagine
Home
Eroe, clienti, quattro famiglie di prodotto, perché sceglierci, estratto su di noi, richiamo finale.
Chi siamo
Manifesto, numeri, tre regole di lavoro, il team con nomi e ruoli.
Prodotti
Catalogo con ricerca, filtro per categoria, ordinamento e impaginazione: l’elenco funziona davvero.
Contatti
Modulo con validazione ed errori, stato inviato, recapiti, domande frequenti, informativa in finestra.