Aplicar tipografia

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

O display é usado para strings de texto grandes e curtas usadas para mostrar informações de herói de fácil visualização, métricas significativas, confiança ou momentos expressivos da marca.

• DisplayLarge é o título maior. As exibições são o maior texto na tela, reservado para informações principais curtas e altamente visíveis, métricas significativas, confiança ou momentos expressivos da marca que se beneficiam de uma escala e um estilo proeminentes.
• DisplayMedium é o segundo maior título. As exibições são o maior texto na tela, reservado para informações principais curtas e de fácil leitura, métricas significativas, momentos de confiança ou de marca expressiva que se beneficiam de uma escala e um estilo proeminentes.
• DisplaySmall é o título menor. As exibições são o maior texto na tela, reservado para informações principais curtas e altamente visíveis, métricas significativas, confiança ou momentos expressivos da marca que se beneficiam de uma escala e um estilo proeminentes.

O título é um texto hierárquico usado como um mecanismo de orientação, como uma página, título de seção ou título de subseção (no caso de "TitleSmall").

• TitleLarge é o título maior. Os títulos são menores que as telas. Elas normalmente são reservadas para textos de ênfase média e mais curtos e não são recomendadas para componentes interativos, mas sim para títulos de página ou subtítulos.
• TitleMedium é o título do meio. Os títulos são menores que as telas. Elas normalmente são reservadas para textos de ênfase média e mais curtos e não são recomendadas para componentes interativos, mas sim para títulos de página ou subtítulos.
• TitleSmall é o título menor. Os títulos são menores que as telas. Elas normalmente são reservadas para textos de ênfase média e mais curtos e não são recomendadas para componentes interativos, mas sim para títulos de página ou subtítulos.

O rótulo é usado para texto no nível do componente que descreve uma ação que aconteceria se houvesse interação. O uso mais comum e mais difundido de rótulos é para texto aninhado em um botão.

• LabelLarge é o maior rótulo. Os rótulos são usados para exibir textos em destaque, como rótulos em botões de título, aplicados a componentes interativos.
• LabelMedium é o rótulo do meio e o mais usado. Os rótulos são usados para mostrar textos como o rótulo principal em botões, aplicados a componentes interativos.
• LabelSmall é o rótulo pequeno. Os rótulos são usados para exibir textos como rótulos secundários em botões, rótulos em botões compactos, aplicados a componentes interativos.

O corpo é reservado para texto de conteúdo, como parágrafos de texto principal, texto usado em visualização de dados complexa, carimbos de data/hora e metadados.

• BodyLarge é o corpo maior. Os textos do corpo geralmente são usados para textos longos, porque funcionam bem para tamanhos de texto pequenos. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.
• BodyMedium é o segundo maior corpo. Os textos do corpo geralmente são usados para textos longos, porque funcionam bem para tamanhos de texto pequenos. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.
• BodySmall é o terceiro maior corpo. Os textos do corpo geralmente são usados para textos longos, porque funcionam bem para tamanhos de texto pequenos. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.
• BodyExtraSmall é o menor. Os textos do corpo geralmente são usados para textos longos, porque funcionam bem para tamanhos de texto pequenos. Para seções mais longas de texto, é recomendável usar uma fonte tipográfica Serif ou Sans Serif.

Os estilos de texto numérico são usados para dígitos, geralmente limitados a alguns caracteres. Pode assumir propriedades mais expressivas em tamanhos de tela maiores. Dá flexibilidade para expandir o eixo de largura com poucas preocupações de localização e dimensionamento de fonte.

• NumeralsExtraLarge é o maior papel para dígitos. Os números usam o espaçamento tabular por padrão. Eles destacam e expressam números rápidos que são limitados a apenas dois ou três caracteres, em que nenhuma localização é necessária, como a tela de carregamento ou o seletor de horário.
• NumeralsLarge é o segundo maior papel para dígitos. Os números usam espaçamento tabular por padrão. São strings numéricas de tamanho grande que são limitadas a grandes exibições de tempo, em que nenhuma localização é necessária, como um timer de contagem regressiva ou um seletor de hora.
• NumeralsMedium é o terceiro maior papel para dígitos. Os números usam espaçamento tabular por padrão. Eles são números de tamanho médio limitados a strings curtas de dígitos, em que nenhuma localização é necessária, como contagem de etapas ou seletor de horário.
• NumeralsSmall é o quarto maior papel para dígitos. Os números usam espaçamento tabular por padrão. Eles são usados para números que precisam de ênfase em uma escala menor, em que nenhuma localização é necessária, como os seletores de data e hora.
• NumeralsExtraSmall é o papel mais pequeno para dígitos. Os números usam o espaçamento tabular por padrão. Eles são usados para números que precisam acomodar strings de dígitos mais longos, em que nenhuma localização é necessária, como métricas de treino.

O texto do cabeçalho do arco é usado para texto curvado que compõe a sinalização na interface, como texto de tempo e rótulos curvos. Eixo de fonte personalizado que otimiza especificamente o tipo ao longo de uma curva e para acomodar o espaçamento diferente que aparece entre os caracteres quando eles estão posicionados na parte de cima, em comparação com a parte de baixo de uma tela curva.

Top

• ArcLarge é para cabeçalhos e títulos de arco. O arco é para texto em um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como sobreposições de confirmação.
• ArcMedium é para cabeçalhos e títulos de arco. O arco é para texto em um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como títulos de página.
• ArcSmall é para strings de arco limitadas de texto. O arco é para texto em um caminho curvado na tela, reservado para strings de texto curtos e curvos na parte de baixo da tela, como o texto de tempo.

Inferior

• ArcLarge é para cabeçalhos e títulos de arcos. O arco é para texto em um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como sobreposições de confirmação.
• ArcMedium é para cabeçalhos e títulos de arco. O arco é para texto em um caminho curvo na tela, reservado para strings de texto de cabeçalho curtas na parte superior ou inferior da tela, como títulos de página.
• ArcSmall é para strings de arco limitadas de texto. O arco é para texto em um caminho curvado na tela, reservado para strings de texto curtos e curvos na parte de baixo da tela, como o texto de tempo.