Skip to main content
Solace style guide splash artwork

Guida allo stile

Modelli condivisi per le pagine di Solace AGI. Questa pagina è il riferimento live per le immagini di splash, pulsanti, carte, blocchi di copia e token visivi.

Immagini di splash

Contenitore dell'immagine eroe canonica: <section class="splash-image"><picture class="splash-image__asset">...</picture></section>

Homem-Héros à la maison

Home hero splash artwork

Le logiciel 5.0 Hero

Software 5.0 splash artwork

Immagine a sinistra, testo a destra

Diviso canonico dei media/testo per le sezioni di spiegazione dei prodotti. Sul mobile, l'immagine si sovrappone al testo e si espande alla larghezza completa della carta.

Forecast framework illustration

Modello di framework

Immagine a sinistra, testo a destra

Utilizza questo per le sezioni in cui l'opera d'arte spiega il concetto, ma il testo conserva ancora il significato dettagliato. La colonna dell'immagine rimane visivamente ancorata al desktop e diventa una riga completa in pila sul mobile.

Pagine pubbliche

Prezzi

Pagina dei prezzi

Schede dei piani, tabella di confronto e cornice di acquisto pubblica.

Documenti

Pagina dei documenti

Riscritture pubbliche, file sorgente locali e provenienza sorgente collegata.

Analisi

Pagina di analisi

Metriche principali, griglie supportate da DataTables e visualizzazioni amGraficos.

Pulsanti

Schede

🧠

Scheda delle funzionalità

Utilizzare per i benefici del prodotto principale, le descrizioni delle funzionalità e le sezioni concettuali.

Scheda dei prezzi

$28/mese

Cloud twin + vault OAuth3 + prova architettonica Parte 11.

Casella di evidenziazione: Utilizzare per richiami legali TL;DR, avvisi importanti e copie di enfasi compatte.

Tabelle e grafici

Grafico di esempio

Stack di grafici ufficiali: amGraficos 5, servito localmente.

Tabella di esempio

Stack della tabella ufficiale: DataTables, servito localmente.

Superficie Biblioteca Modalità
Analisi amGraficos Grafico
Documenti DataTables Catalogo
Prezzi DataTables Confronto

Tipografia

Testo del contenuto è lo stile di lettura lungo di base per la spiegazione del prodotto e tecnica.

L'introduzione della sezione è per sommari più ampi che richiedono più presenza del testo del corpo ma meno peso di un'intestazione.

Il sottotitolo eroe è riservato per l'incorniciazione del valore fino al primo piega sotto l'intestazione principale.

Token di colore

Blu `--sa-blue`
Viola `--sa-purple`
Arancione `--arancione-sa`