Design system
Il mondo di riferimento è il rendiconto condominiale: carta grigio-verde, inchiostro scuro e un solo accento, il verde del risparmio. Ambra e rosso servono solo per gli stati.
Colori
Ogni colore è un token con una versione per il tema scuro. Nei componenti si usano solo i token.
- paperFondo della pagina
- surfacePannelli e moduli
- sunkenZone secondarie, barre vuote
- inkTesto principale
- mutedTesto secondario
- lineBordi e separatori
- saveUnico accento: risparmio e azioni principali
- warnDa verificare
- alertSopra la media, anomalie rilevanti
Tipografia
Bricolage Grotesque per titoli e cifre importanti, Public Sans per il testo. Le cifre in colonna usano numeri tabulari.
8.050–18.956 €
Titolo di pagina
Titolo di sezione
Titolo di elemento
Testo corrente: frasi brevi, parole semplici, il punto di vista di chi abita in condominio. Mai "Invia" quando si può dire "Pubblica la richiesta".
Testo secondario e fonti dei dati.
Azioni
Un solo pulsante principale per schermata. Il testo dice esattamente cosa succede.
Stati
Lo stato si legge dalla forma e dal colore insieme, mai dal solo colore.
Moduli
Il suggerimento spiega cosa serve e perché.
Intervalli di risparmio
4.000–8.000 €
La barra mostra l'intervallo sulla stessa scala per tutte le voci.