NOWY UI

Stile Apple: piatto, chiaro, fluido. Un solo accento, grigi morbidi.
Includi Guida completa

Colori

Interfaccia
Accento #0071e3
Testo #1d1d1f
Sfondo #f5f5f7
Serie grafici (validata daltonismo)

Pulsanti e badge

ConsegnataParziale CriticaPianificata Bozza511 colli

Filtri, ricerca, barra strumenti

Tutte 42Aperte 6Chiuse
Tutti i clientiAcqua & Sapone 31Zara
<div class="nw-seg"><a class="active">Tutte</a><a>Aperte <span class="count">6</span></a></div>

KPI, misuratori, cronologia, stati vuoti

Consegne aperte
12
4 in ritardo
Valore maturato
€ 8.420
questo mese
Anomalie
5
Capienza mezzo
Pallet 14 / 20
Peso 10.400 / 12.000 kg
Volume oltre il limite
Cronologia
  • 30/09 08:12
    Borderò 261700 acquisito da Outlook
  • 30/09 09:40
    Arrivo confermato · 3 consegne
  • 30/09 10:05
    Giro G-20260930-01 confermato · 3 DDT
Nessun borderò oggi
Caricane uno o leggi la casella Outlook.

Tabelle (Copia / Excel automatici)

DataNegozioColliImportoStato
30/09/2026Erba 1412€ 123,60Consegnataapri
30/09/2026Milano 1187€ 90,00Parzialeapri

Grafici

Colli consegnati ultimi 7 giorni
Esiti impilati
Lavoro aperto

Stati alla Linear (forma + colore)

In attesa Pronto Pianificato In corso Parziale Fatto Errore Annullato

SVG pronti in jinja/_ui.html (macro ui.status) o da copiare. Colori: --st-wait/ready/planned/progress/partial/done/error.

Metriche alla Stripe variazione + valore precedente + mini grafico

Valore maturato+4,3%
€ 59.978€ 57.503
Consegne completate-12,9%
389447
Parziali-7,2%
5256
Anomalie apertenuovo
3

Lista raggruppata alla Linear

In consegna 2
#1042Erba 1 004601 Acqua & SaponeG-0130 set #1043Milano 1 004961 Acqua & Sapone30 set
Consegnate 1
#1039Vedano al Lambro 1 306874 Zara29 set

Striscia statistiche alla Vercel

Consegnate
oggi
1.865
Con errore
da rivedere
12
Tempo medio
borderò → consegna
1,4 gg

Caricamento e messaggi

Come usarlo in un'app

Dopo Bootstrap 5 e Bootstrap Icons:

<link href="https://nowy-ui.vercel.app/v1/nowy-ui.css" rel="stylesheet">
<link href="https://nowy-ui.vercel.app/v1/nowy-ui-12.css" rel="stylesheet">
<script src="https://nowy-ui.vercel.app/v1/nowy-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script>
<script src="https://nowy-ui.vercel.app/v1/nowy-charts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js" defer></script>
<script src="https://nowy-ui.vercel.app/v1/table-export.js" defer></script>

/v1/ = ultima versione 1.x (aggiornamenti compatibili). Per bloccare una versione esatta: /v1.1.0/.