Design System

Glassmorphism · palette ambra/crema · scala tipografica Inter.

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

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

+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).