Design System delle interfacce amministrative

Il Design System Smart Admin 2.3 definisce un unico guscio grafico per i prodotti Smart eCommerce. La dashboard di Smart Builder Site e il riferimento visivo: cambiano contenuti e strumenti, non la struttura dell’interfaccia.

Struttura comune

Ogni prodotto usa una barra di intestazione, un menu laterale da 260 px, un percorso pagina, un’area contenuti bianca e un footer. Il menu e organizzato in gruppi: Panoramica, aree operative del prodotto e Sistema o supporto.

Le pagine operative occupano tutta la larghezza disponibile. I pannelli principali non sono affiancati e non usano arrotondamenti decorativi. Le card sono riservate a KPI, azioni ripetute e componenti realmente indipendenti, con un raggio massimo di 8 px.

Colore WordPress: regola primaria

L’intera UI amministrativa del prodotto segue automaticamente lo schema colori scelto nel profilo WordPress. Il colore principale governa la barra con nome e versione; l’accento dello schema governa menu attivo, link, icone KPI, tab selezionate e pulsanti primari. Il colore del testo attivo deriva a sua volta dallo schema WordPress.

I colori proprietari del prodotto sono ammessi nel marchio e nelle anteprime dei contenuti gestiti, ma non possono sostituire il color system WordPress nel guscio amministrativo.

Tipografia e navigazione

Tutti i prodotti usano la stessa famiglia di font di sistema di WordPress, le stesse dimensioni per titoli, descrizioni e voci di menu, icone da 30 px e una barra attiva sul lato sinistro. Su schermi piccoli il menu passa a una griglia compatta e il contenuto mantiene margini e leggibilita coerenti.

Il contratto si applica a Smart Builder Site, Smart Bootstrap Manager, Smart Login, Smart eCommerce Selective Cleanup e al tema AI-HTML. Le funzioni proprie di ciascun prodotto restano separate dal guscio condiviso.