Nucleo comune
Navy, Primary Blue, successo/errore, livelli di raggio e spaziatura e indicatori di focus sono coordinati e riconoscibili nel CRM e sul sito.
Marchio · Prodotto · Sito web
Due sistemi.
Due sistemi.
Un marchio.
AgenticUltimate utilizza una base di marca comune e due sistemi di design che ne derivano: uno per l'interfaccia prodotto dell'addon e uno per AgenticUltimate.
Perché due sistemi di design?
Prodotto e marketing hanno compiti diversi. Una base comune mantiene riconoscibile il marchio; livelli di token separati impediscono che il CRM sembri una landing page o il sito un pannello amministrativo.
Ruoli separati
L'addon ottimizza densità e utilizzo. Il sito ottimizza chiarezza, conversione e immagine premium, con accenti dosati.
Scalabile
Nuovi moduli e pagine utilizzano token e componenti documentati: meno eccezioni visive, realizzazione più rapida.
AgenticUltimate UI 1.0
Sistema di design del prodotto (addon)
Per l'interfaccia di SuiteCRM: moduli, tabelle, finestre di dialogo, procedure guidate e aree di lavoro dense. Funzionale, chiaro, adatto alle imprese.
| Area | Contenuto |
|---|---|
| Colori | Navy (#001631), Primary (#165DCC), colori semantici di stato, superfici per ambienti di lavoro chiari |
| Tipografia | Scala compatta per etichette, tabelle e testi dei moduli: leggibilità con alta densità informativa |
| Spaziatura e raggio | Base 4/8/12/16/24/32; raggio sm–lg per campi, schede e finestre di dialogo |
| Componenti | Pulsanti, campi, selettori, finestre di dialogo, schede, tabelle, passaggi guidati, badge di stato |
| Densità | Visualizzazione compatta opzionale per viste amministrative ed elenchi |
Il pubblico di riferimento comprende amministratori e utenti esperti del CRM. Ogni decisione risponde alla domanda: aiuta a elaborare i dati più rapidamente e in sicurezza?
AgenticUltimate Web 1.0
Sistema di design del sito (marketing)
Per AgenticUltimate: hero, schede funzionalità, elementi di fiducia, megamenu, modalità scura. Premium, tecnico, con ciano e viola controllati.
Principi
Chiarezza prima dell'effetto – massimo 1–2 sfumature per area visibile.
Un colore dominante – il primario guida, ciano/viola supportano.
Le schede raccontano i vantaggi – ombre morbide, bordi sottili, passaggio del mouse discreto.
Elementi costitutivi
Tipografia display, badge introduttivi, schede funzionalità, barre di fiducia, immagini prodotto, inviti finali all'azione, megamenu. Chiaro e scuro da un'unica fonte di token.
| Famiglia di token | Esempi |
|---|---|
| Nucleo del marchio | --su-navy, --su-primary, --su-ink |
| Accenti | --su-cyan, --su-violet (dosati) |
| Superfici | Piatta · Rialzata · Elevata · Hero |
| Ombre | da --su-shadow-sm a --su-shadow-lg, passaggio del mouse senza anello al neon |
| Movimento | Transizioni brevi, rispetto di prefers-reduced-motion |
Ponte con il prodotto
Che cosa è condiviso e che cosa rimane volutamente separato.
Condiviso
Navy e Primary Blue · Success/Danger · Raggio sm–lg · Base di spaziatura · Anello di focus nel colore primario · Nome del marchio e linguaggio delle icone
Solo sito web
Accenti ciano/viola e sfumature · Sfondi aurora · Titoli display · Testo scorrevole e ombre marketing · Vetro solo con moderazione (intestazione)
Per team e realizzazione
Come utilizzare i sistemi nel lavoro quotidiano.
Sviluppare il prodotto
AgenticUltimate UI 1.0 come riferimento per le nuove schermate dell'addon. Preferire i componenti esistenti prima di creare varianti.
Ampliare il sito
AgenticUltimate Web 1.0 e i token in site.css. Allineare le nuove sezioni agli schemi (Hero → Fiducia → Funzionalità → CTA).
Garantire la qualità
Verificare contrasto, uso della tastiera e movimento ridotto. PageSpeed e accessibilità restano parte dello standard di consegna.
Esplora dal vivo i sistemi di design
Il sistema interattivo del sito mostra token, componenti e modalità scura. L'interfaccia prodotto rimane il riferimento per l'addon in SuiteCRM.