Marca y diseño

Par accesible

Ejemplo: Un cafe de barrio adora su verde azulado de marca en el logo, pero para el texto del menu de 14px sobre fondo crema usa el par accesible mas oscuro, que conserva el mismo tono y supera el umbral de contraste de 4.5:1.

un color de marca ajustado hasta cumplir WCAG AA

Una versión de un color de marca cuya luminosidad se ha desplazado lo justo — preservando matiz y carácter — para que el texto en ese color sobre un fondo nombrado alcance el umbral WCAG AA (4,5:1 para texto normal). Normalmente se generan dos pares por color: uno sobre superficie clara, otro sobre superficie oscura.

Por qué importa

El verde azulado de marca se ve genial en el logo y resulta ilegible como texto de cuerpo de 14px sobre crema. Diseñar un sistema usable significa conocer tanto el color de marca *como* su vecino accesible — y usar el indicado en cada contexto. La Suite de Marca los deriva automáticamente y exporta ambas variantes como tokens CSS.

Preguntas frecuentes

¿Qué es par accesible?

Par accesible es una versión de un color de marca cuya luminosidad se ha desplazado lo justo — preservando matiz y carácter — para que el texto en ese color sobre un fondo nombrado alcance el umbral WCAG AA (4,5:1 para texto normal). Normalmente se generan dos pares por color: uno sobre superficie clara, otro sobre superficie oscura.

¿Por qué importa par accesible para un restaurante?

El verde azulado de marca se ve genial en el logo y resulta ilegible como texto de cuerpo de 14px sobre crema. Diseñar un sistema usable significa conocer tanto el color de marca *como* su vecino accesible — y usar el indicado en cada contexto. La Suite de Marca los deriva automáticamente y exporta ambas variantes como tokens CSS.

Glosario

Explora los
149 términos.

Definiciones en lenguaje claro para cada término en tu auditoría, organizadas por categoría.