Applicare la tipografia

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

La visualizzazione viene utilizzata per stringhe di testo lunghe e brevi utilizzate per visualizzare informazioni hero molto rapide, metriche significative, fiducia o momenti espressivi del brand.

• DisplayLarge è il titolo più grande. I display sono il testo più grande sullo schermo, riservato a informazioni hero brevi e facilmente visibili, metriche significative, momenti di fiducia o di espressione del brand che beneficiano di una scala e uno stile in evidenza.
• DisplayMedium è il secondo titolo più grande. I display sono il testo più grande sullo schermo, riservato a informazioni hero brevi e facilmente visibili, metriche significative, momenti di fiducia o di espressione del brand che beneficiano di una scala e uno stile in evidenza.
• DisplaySmall è il titolo più piccolo. I display sono il testo più grande sullo schermo, riservato a informazioni hero brevi e facilmente visibili, metriche significative, momenti di fiducia o di espressione del brand che beneficiano di una scala e uno stile in evidenza.

Il titolo è un testo gerarchico utilizzato come meccanismo per la navigazione, ad esempio il titolo di una pagina, di una sezione o di una sottosezione (nel caso di TitleSmall).

• TitleLarge è il titolo più grande. I titoli sono più piccoli delle visualizzazioni. Generalmente sono riservati a testi di media enfasi più brevi e non consigliati per componenti interattivi, ma per titoli o sottotitoli di pagina.
• TitleMedium è il titolo del mezzo. I titoli sono più piccoli delle visualizzazioni. Generalmente sono riservati a testi di media enfasi più brevi e non consigliati per componenti interattivi, ma per titoli o sottotitoli di pagina.
• TitleSmall è il titolo più piccolo. I titoli sono più piccoli delle visualizzazioni. Generalmente sono riservati a testi di media enfasi più brevi e non consigliati per componenti interattivi, ma per titoli o sottotitoli di pagina.

L'etichetta viene utilizzata per il testo a livello di componente che descrive un'azione che si verificherebbe se si interagisce con l'elemento. L'applicazione più comune e ampiamente utilizzata per le etichette è per il testo nidificato all'interno di un pulsante.

• LabelLarge è l'etichetta più grande. Le etichette vengono utilizzate per visualizzare testi in evidenza, come le etichette sui pulsanti del titolo, applicate ai componenti interattivi.
• LabelMedium è l'etichetta del mezzo e la più utilizzata. Le etichette vengono utilizzate per visualizzare testi come l'etichetta principale sui pulsanti, applicati ai componenti interattivi.
• LabelSmall è l'etichetta piccola. Le etichette vengono utilizzate per visualizzare testi come etichette secondarie sui pulsanti, etichette sui pulsanti compatti, applicate ai componenti interattivi.

Il corpo è riservato al testo dei contenuti, ad esempio paragrafi del testo principale, testo utilizzato nella visualizzazione di dati complessi, timestamp e metadati.

• BodyLarge è il corpo più grande. I testi del corpo vengono in genere utilizzati per la scrittura di testi lunghi, in quanto sono adatti a dimensioni di testo ridotte. Per le sezioni di testo più lunghe, è consigliato un carattere con grazie o senza grazie.
• BodyMedium è il secondo corpo più grande. I testi del corpo vengono in genere utilizzati per la scrittura di testi lunghi, in quanto sono adatti a dimensioni di testo ridotte. Per le sezioni di testo più lunghe, è consigliato un carattere con grazie o senza grazie.
• BodySmall è il terzo corpo più grande. I testi del corpo vengono in genere utilizzati per la scrittura di testi lunghi, in quanto sono adatti a dimensioni di testo ridotte. Per le sezioni di testo più lunghe, è consigliato un carattere con grazie o senza grazie.
• BodyExtraSmall è il testo più piccolo. I testi del corpo vengono in genere utilizzati per la scrittura di testi lunghi, in quanto sono adatti a dimensioni di testo ridotte. Per le sezioni di testo più lunghe, è consigliato un carattere con grazie o senza grazie.

Gli stili di testo numerico vengono utilizzati per le cifre numeriche, in genere limitate a pochi caratteri. Possono assumere proprietà più espressive con dimensioni dei display più grandi. Offre la flessibilità di espandere l'asse della larghezza con problemi minimi di localizzazione e scalabilità dei caratteri.

• NumeralsExtraLarge è il ruolo più grande per le cifre. Per impostazione predefinita, i numeri utilizzano spaziatura tabellare. Evidenziano ed esprimono numeri facili da leggere, limitati a due o tre caratteri, per i quali non è richiesta la localizzazione, come la schermata di ricarica o il selettore dell'ora.
• NumeralsLarge è il secondo ruolo più grande per le cifre. Per impostazione predefinita, i numeri utilizzano lo spaziatura tabellare. Si tratta di stringhe di numeri di grandi dimensioni limitate a grandi visualizzazioni dell'ora, in cui non è richiesta la localizzazione, come un conto alla rovescia del timer o un selettore dell'ora.
• NumeralsMedium è il terzo ruolo più grande per le cifre. Per impostazione predefinita, i numeri utilizzano lo spaziatura tabellare. Si tratta di numeri di medie dimensioni limitati a brevi stringhe di cifre, per i quali non è richiesta la localizzazione, come un conteggio di passi o un selettore dell'ora.
• NumeralsSmall è il quarto ruolo più grande per le cifre. Per impostazione predefinita, i numeri utilizzano lo spaziatura tabellare. Sono destinati ai numeri che richiedono enfasi su una scala più piccola, dove non è richiesta la localizzazione, ad esempio i selettori di data e ora.
• NumeralsExtraSmall è il carattere più piccolo per le cifre. Per impostazione predefinita, i numeri utilizzano spaziatura tabellare. Sono destinati a numeri che devono supportare stringhe di cifre più lunghe, in cui non è richiesta la localizzazione, come le metriche durante l'allenamento.

Il testo dell'intestazione ad arco viene utilizzato per il testo curvo che compone la segnaletica nell'interfaccia utente, ad esempio il testo dell'ora e le etichette curve. Asse del carattere personalizzato che ottimizza specificamente il testo lungo una curva e per adattarsi alla spaziatura diversa che appare tra i caratteri quando sono posizionati in alto rispetto al basso di uno schermo curvo.

In alto

• ArcLarge è destinato a intestazioni e titoli di arc. L'arco è per il testo lungo un percorso curvo sullo schermo, riservato a brevi stringhe di testo dell'intestazione nella parte superiore o inferiore sullo schermo, come gli overlay di conferma.
• ArcMedium è destinato a intestazioni e titoli di arc. L'arco è per il testo lungo un percorso curvo sullo schermo, riservato a brevi stringhe di testo dell'intestazione nella parte superiore o inferiore sullo schermo, come i titoli delle pagine.
• ArcSmall è destinato a stringhe di testo con archi limitati. Arc è per il testo lungo un percorso curvo sullo schermo, riservato a brevi stringhe di testo curve nella parte inferiore dello schermo, come il testo dell'ora.

Parte inferiore

• ArcLarge è destinato a intestazioni e titoli di arc. L'arco è per il testo lungo un percorso curvo sullo schermo, riservato a brevi stringhe di testo dell'intestazione nella parte superiore o inferiore sullo schermo, come gli overlay di conferma.
• ArcMedium è destinato a intestazioni e titoli di arc. L'arco è per il testo lungo un percorso curvo sullo schermo, riservato a brevi stringhe di testo dell'intestazione nella parte superiore o inferiore sullo schermo, come i titoli delle pagine.
• ArcSmall è destinato a stringhe di testo con archi limitati. Arc è per il testo lungo un percorso curvo sullo schermo, riservato a brevi stringhe di testo curve nella parte inferiore dello schermo, come il testo dell'ora.