Aplica la tipografía

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

La visualización se utiliza para cadenas de texto grandes y cortas que se usan para mostrar información destacada, métricas significativas, momentos de confianza o expresivos de la marca que se pueden ver rápidamente.

• DisplayLarge es el título más grande. Son el texto más grande en la pantalla y se reservan para información breve y fácil de ver, métricas significativas, momentos de confianza o expresivos de la marca que se benefician de una escala y un estilo destacados.
• DisplayMedium es el segundo título más grande. Las pantallas son el texto más grande en la pantalla, reservado para información destacada breve y fácil de ver, métricas significativas, momentos de confianza o expresivos de la marca que se benefician de una escala y un estilo destacados.
• DisplaySmall es el título más pequeño. Son el texto más grande en la pantalla y se reservan para información breve y fácil de ver, métricas significativas, momentos de confianza o expresivos de la marca que se benefician de una escala y un estilo destacados.

El título es un texto jerárquico que se usa como mecanismo de orientación, como una página, un título de sección o un título de subsección (en el caso de TitleSmall).

• TitleLarge es el título más grande. Los títulos son más pequeños que las pantallas. Por lo general, se reservan para texto de énfasis medio que es más corto y no se recomiendan para componentes interactivos, sino para encabezados de página o subtítulos.
• TitleMedium es el título mediano. Los títulos son más pequeños que las pantallas. Por lo general, se reservan para texto de énfasis medio que es más corto y no se recomiendan para componentes interactivos, sino para encabezados de página o subtítulos.
• TitleSmall es el título más pequeño. Los títulos son más pequeños que las pantallas. Por lo general, se reservan para texto de énfasis medio que es más corto y no se recomiendan para componentes interactivos, sino para encabezados de página o subtítulos.

La etiqueta se usa para el texto a nivel del componente que describe una acción que ocurriría si se interactuara con él. La aplicación más común y más utilizada de las etiquetas es para el texto anidado dentro de un botón.

• LabelLarge es la etiqueta más grande. Las etiquetas se usan para mostrar textos destacados, como la etiqueta en los botones de título, que se aplican a componentes interactivos.
• LabelMedium es la etiqueta media y la más utilizada. Las etiquetas se usan para mostrar textos, como la etiqueta principal en los botones, que se aplican a los componentes interactivos.
• LabelSmall es la etiqueta pequeña. Las etiquetas se usan para mostrar textos, como una etiqueta secundaria en botones, etiquetas en botones compactos, aplicadas a componentes interactivos.

El cuerpo se reserva para el texto del contenido, como los párrafos del cuerpo del texto, el texto que se usa en la visualización de datos complejos, las marcas de tiempo y los metadatos.

• BodyLarge es el cuerpo más grande. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones más largas de texto, se recomienda un tipo de letra serif o sans serif.
• BodyMedium es el segundo cuerpo más grande. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones más largas de texto, se recomienda un tipo de letra serif o sans serif.
• BodySmall es el tercer cuerpo más grande. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones más largas de texto, se recomienda un tipo de letra serif o sans serif.
• BodyExtraSmall es el cuerpo más pequeño. Por lo general, los textos del cuerpo se usan para textos extensos, ya que funcionan bien con tamaños de texto pequeños. Para secciones más largas de texto, se recomienda un tipo de letra serif o sans serif.

Los estilos de texto numérico se usan para dígitos numéricos, por lo general, limitados a unos pocos caracteres. Pueden adoptar propiedades más expresivas en los tamaños de pantalla más grandes. Brinda flexibilidad para expandir el eje de ancho con preocupaciones mínimas de localización y escalamiento de fuente.

• NumeralsExtraLarge es el rol más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Destacan y expresan números visibles que se limitan a dos o tres caracteres, en los que no se requiere localización, como la pantalla de carga o el selector de hora.
• NumeralsLarge es el segundo rol más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Son cadenas numéricas de gran tamaño que se limitan a grandes pantallas de tiempo, en las que no se requiere localización, como un cuenta regresiva de temporizador o un selector de hora.
• NumeralsMedium es el tercer rol más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Son números de tamaño mediano que se limitan a cadenas cortas de dígitos, en las que no se requiere localización, como un recuento de pasos o un selector de hora.
• NumeralsSmall es el cuarto rol más grande para los dígitos. Los números usan espaciado tabular de forma predeterminada. Se usan para números que necesitan énfasis en una escala más pequeña, donde no se requiere localización, como los selectores de fecha y hora.
• NumeralsExtraSmall es el rol más pequeño para los dígitos. Los números usan espaciado tabular de forma predeterminada. Se usan para números que deben admitir cadenas de dígitos más largas, en las que no se requiere localización, como las métricas durante el entrenamiento.

El texto del encabezado de arco se usa para el texto curvo que forma la señalización en la IU, como el texto de la hora y las etiquetas curvas. Eje de fuente personalizado que optimiza específicamente el tipo a lo largo de una curva y para adaptarse a los diferentes espacios que aparecen entre los caracteres cuando se ubican en la parte superior, en comparación con la parte inferior, de una pantalla curva.

Top

• ArcLarge es para los encabezados y títulos de los arcos. El arco es para el texto a lo largo de una ruta curva en la pantalla, reservado para cadenas de texto de encabezado breves en la parte superior o inferior de la pantalla, como superposiciones de confirmación.
• ArcMedium es para los encabezados y títulos de los arcos. El arco es para el texto a lo largo de una ruta curva en la pantalla, reservado para cadenas de texto de encabezado breves en la parte superior o inferior de la pantalla, como los títulos de las páginas.
• ArcSmall es para cadenas de texto de arco limitadas. Arc es para texto a lo largo de una ruta curva en la pantalla, reservado para cadenas de texto curvas cortas en la parte inferior de la pantalla, como el texto de la hora.

Parte inferior

• ArcLarge es para los encabezados y títulos de los arcos. El arco es para el texto a lo largo de una ruta curva en la pantalla, reservado para cadenas de texto de encabezado breves en la parte superior o inferior de la pantalla, como superposiciones de confirmación.
• ArcMedium es para los encabezados y títulos de los arcos. El arco es para el texto a lo largo de una ruta curva en la pantalla, reservado para cadenas de texto de encabezado breves en la parte superior o inferior de la pantalla, como los títulos de las páginas.
• ArcSmall es para cadenas de texto de arco limitadas. Arc es para texto a lo largo de una ruta curva en la pantalla, reservado para cadenas de texto curvas cortas en la parte inferior de la pantalla, como el texto de la hora.