Microcopia

Texto

Puede diferir ligeramente de la interfaz real.

Puntos:
define texto auxiliar sobre el botón (fuera del botón). Ideal para claims breves y tagline.

Qué cambia este ajuste:
añade contexto sin estorbar al texto principal.

Consejo de ajuste:
estructura 1. valor principal, 2. complemento.

Elementos de configuración

• Texto (hasta 2 líneas).

microcopy se muestra en la parte superior externa del botón. Es diferente de microtexto, que se muestra dentro del botón. Si el texto está vacío, no se muestra.

Sin estado Hover:
microcopy no tiene ajustes de Hover propios.

Estilo

Puede diferir ligeramente de la interfaz real.

Puntos:
cambia rápidamente el estilo decorativo del texto auxiliar.

Qué cambia este ajuste:
modifica la sensación de énfasis o complemento con el mismo texto.

Consejo de ajuste:
evita que destaque más que el botón principal.

Elementos de configuración

• Style (01 a 05). Predeterminado: 01.

según el estilo, cambian fondo, borde y radio. Después puedes sobrescribir con ajustes individuales.

Borde

Puede diferir ligeramente de la interfaz real.

Puntos:
define contorno del microcopy.

Qué cambia este ajuste:
mejora separación visual en fondos complejos.

Consejo de ajuste:
empieza cerca de 1px.

Elementos de configuración

• Color + Alpha.
• Ancho.
• Style.

Radio de borde

Puede diferir ligeramente de la interfaz real.

Puntos:
ajusta redondeo de esquinas.

Qué cambia este ajuste:
cambia tono visual entre rígido y suave.

Consejo de ajuste:
usa un radio algo menor que el del botón principal.

Elementos de configuración

• Radio de borde.

Color

Puede diferir ligeramente de la interfaz real.

Puntos:
define color de texto y fondo del microcopy.

Qué cambia este ajuste:
condiciona la jerarquía respecto al texto principal.

Consejo de ajuste:
usa contraste un nivel más suave que el CTA principal.

Elementos de configuración

• Color de texto + Alpha.
• Background Color / Gradient + Alpha.

Fuente

Puede diferir ligeramente de la interfaz real.

Puntos:
define tipografía y composición del microcopy.

Qué cambia este ajuste:
evita que el texto auxiliar se vea excesivamente dominante.

Consejo de ajuste:
empieza con tamaño 1-2 niveles menor y peso más ligero que el texto principal.

Elementos de configuración

• Familia de fuentes.
• Font Peso.
• Tamaño de fuente.
• Altura de línea.
• Espaciado de letras.

Sombra de texto

Puede diferir ligeramente de la interfaz real.

Puntos:
mejora legibilidad sobre fondos complejos.

Qué cambia este ajuste:
ajusta equilibrio entre visibilidad y decoración.

Consejo de ajuste:
usa blur y alpha bajos.

Elementos de configuración

• Color + Alpha.
• Blur.
• Horizontal.
• Vertical.

Layout

Puede diferir ligeramente de la interfaz real.

Puntos:
ajusta distancia y posición respecto al botón.

Qué cambia este ajuste:
estabiliza el orden de lectura.

Consejo de ajuste:
define primero Margin; usa Padding y rotación solo cuando haga falta.

Elementos de configuración

• Margin.
• Padding.
• Transformación > Rotación (grados) (predeterminado 0).

compatible con responsive por dispositivo.

Diferencia frente a otros textos auxiliares:
microcopy es el más completo y sí incluye estilo, borde, radio y fondo (color/degradado).