← Home

Design System

Glassmorphism · palette ambra/crema · scala tipografica Inter.

MR

Palette

Brand

amber
#F5A623
amber hover
#ED9A1E
amber soft
#FBE3BC

Semantic

success
#36B368
danger
#F23E2E
warning
#F5A623
info
#2F80ED
violet
#8B5CF6

Text

primary
#2A2520
secondary
#6E665C
muted
#A39A8D
on brand
#FFFFFF

Committenti

Pall-Ex
#F5A623
Golilla
#2F80ED
Diretto
#8B5CF6

Stato consegna

consegnato
#36B368
prenotato
#2F80ED
da contattare
#F5A623
rifiuto
#F23E2E

Tipografia

kpi number · 34/700
128.4K
h1 · 24/700
Dashboard direzionale
h2 · 20/600
Margini per padroncino
h3 · 16/600
Riepilogo settimanale
body · 14/400
Importazione multi-fonte, normalizzazione, listini multipli, calcolo margini per padroncino e committente, modulo operativo magazzino.
label uppercase · 11/600
Margine totale
caption · 12/400
Aggiornato 2 minuti fa

Bottoni

Chip / Badge

LowMediumHighNeutral
ConsegnatoPrenotatoDa contattareRifiuto
Pall-ExGolillaDiretto

Avatar

MR
AB
LV
SC
PN
DC
GO

Input & Search

Input default
Input errore
Input disabled
Search pill

KPI Tiles

Margine totale
€128.4K
+12.3%vs periodo precedente
Consegne / giorno
342
-4.5%vs periodo precedente
Padroncini attivi
28
+2.1%vs periodo precedente
On-time rate
94.2%
+1.8%vs periodo precedente

Recharts theme

Consegne per committente

Ultimi 6 mesi

Margine per padroncino

Settimana corrente (€)

Superfici vetro

.glass-card

rgba(255,252,247,0.72) · blur 20

Superficie principale per card e tile dei contenuti.

.glass-panel

rgba(255,248,238,0.55) · blur 40

Superficie più trasparente per pannelli grandi (sidebar, header).