Caratteri

Roboto viene utilizzato nei casi in cui Simplon non può essere utilizzato. Se è assolutamente necessario o richiesto un carattere di sistema, Roboto è un ripiego accettabile.

Di seguito sono riportati esempi di utilizzo e di applicazione, in cui vengono illustrati i modi corretti e non corretti di utilizzare il nostro sistema di font e tipografia. Nel nostro ritmo di progettazione, contenuto e tipografia collaborano come in una danza ben coordinata. Queste regole guidano il modo in cui i caratteri visivi e il design dei contenuti lavorano insieme, assicurando che si completino a vicenda per una miscela perfetta di leggibilità, estetica e identità del marchio. Alcune sfide visive possono essere risolte con modifiche al contenuto, mentre altre richiedono soluzioni visive.

Anche se troverete una guida concettuale, le specifiche esatte sono volutamente assenti a causa della natura varia e dinamica dei mezzi di comunicazione che il nostro marchio comprende. I dipartimenti, come quello della stampa o del web design, stabiliscono le proprie specifiche sulla base di questi principi guida per allinearsi alle migliori pratiche di ciascun mezzo.

Utilizzate il peso del nostro font Simplon Norm Bold a grandi dimensioni per far sì che le nostre affermazioni eroiche e potenti abbiano un grande impatto.

Date ai titoli grandi molto spazio libero. Lasciate che il messaggio parli da solo, senza essere ostacolato da grafiche estranee o dalla vicinanza con altri contenuti.

Le affermazioni d'impatto, in grassetto, devono essere stringate; 3-5 parole al massimo. La punteggiatura può essere utilizzata per creare un'atmosfera drammatica con un punto fermo o una domanda. La punteggiatura e l'involucro della frase devono sempre essere usati insieme e non devono essere scambiati.

A volte è necessario fare una dichiarazione forte che non sia di 3-5 parole. Utilizzate un carattere di peso regolare, ma mantenete le regole di grandezza, spaziatura, punteggiatura e casing.

I titoli e le dichiarazioni d'impatto sono di grandi dimensioni e richiedono un'altezza di riga più contenuta rispetto al corpo del testo. Si raccomanda un'altezza relativa del 100% rispetto alla dimensione del carattere, ma può essere modificata in base al mezzo di comunicazione. Evitate di allungare l'altezza della linea e di comprimerla fino al punto in cui i discendenti e gli ascendenti si toccano nel testo d'impatto.

I titoli e le dichiarazioni d'impatto sono di grandi dimensioni e richiedono un'altezza di riga più contenuta rispetto al corpo del testo. Si raccomanda un'altezza relativa del 100% rispetto alla dimensione del carattere, ma può essere modificata in base al mezzo di comunicazione. Evitate di allungare l'altezza della linea e di comprimerla fino al punto in cui i discendenti e gli ascendenti si toccano nel testo d'impatto.

Non utilizzate il grassetto per le dimensioni più piccole, in quanto, riducendosi, crea problemi di leggibilità. È necessario mantenere un alto livello di contrasto e di ordine nei contenuti, quindi utilizzare dimensioni, colori e peso per rendere la pagina comoda da leggere.

Non utilizzate il trattamento d'impatto per affermare l'ovvio. Utilizzate i titoli in sovrimpressione, i sottotitoli o la prossimità per mantenere questi blocchi nel contesto.

Usate il colore dei caratteri per creare un'esperienza di lettura confortevole e usate il colore per evocare l'azione. Non utilizzate mai un colore d'azione come titolo. Riservate il blu all'azione e ai link ed evitate di usarlo per i caratteri statici. Assicuratevi di consultare le seguenti linee guida sull'accessibilità per i requisiti di contrasto dei caratteri.

Per garantire che il maggior numero possibile di clienti abbia un'esperienza coerente, vogliamo sempre rimanere il più possibile accessibili. Un modo per farlo è rispettare le linee guida WCAG 2.1 per il rapporto di contrasto del testo.

Di seguito è riportato il rapporto di contrasto minimo accettabile per le nostre palette primarie come colori di sfondo. In sovrapposizione vengono mostrati i diversi colori di testo accettabili della nostra palette. Con "minimo" intendiamo identificare il testo più chiaro sugli sfondi più chiari che può essere utilizzato per soddisfare gli standard AAA. È possibile utilizzare questo colore, compreso qualsiasi altro più scuro del gruppo di tonalità. E viceversa per sfondi scuri e testo più chiaro.

Se il colore del testo viene visualizzato in grassetto, raggiungerà solo gli standard AA e dovrebbe essere evitato in applicazioni con caratteri piccoli e leggeri.

Sono indicati solo i colori di testo consigliati. Gli accenti viola, arancione, giallo e verde acqua non sono consigliati per il testo.