Ir al contenido
Diseño

Estilo

Las piezas reales de app.css sobre el kernel. Abre los mandos y muévelas.

Mandos

neutrainfookavisomal12

Resalte --mandarina · dice «mira esto», no «bien/ojo/mal»

El acento manda y el resalte pica: 130° de tono entre los dos, cromas emparejados (0,190 contra 0,206), y el reparto de peso lo hace el contraste — 4,52:1 contra 3,40:1.

tinta oscura · 4,86:1 tinta clara · 3,40:1

Encima va tinta oscura. La clara no llega al 4,5:1 de AA y no se usa, por bien que quede.

  • Sobre el papel da 3,09:1: pasa el 3:1 de WCAG 1.4.11, así que puede portar un dato.
  • Pero para un daltónico rojo-verde queda a 0,056 de --ok y a 0,073 de --av — la casa exige 0,12. Nunca distingue solo de un estado: va con rótulo o forma al lado.
  • No entra en una gráfica que ya lleve --serie-2 (ocre): 0,031.
  • No tiene fondo ni tinta propios. En la rejilla de la casa saldrían a ΔE 0,5 y 2,3 de los de la alerta: el mismo color con otro nombre.

Mandos

  • .btn
  • .chip
  • .campo
  • .etq

Superficies

  • .tarjeta
  • .pg-panel
  • .caja
  • .envoltura

Texto

  • .pg-rot
  • .pg-zona-tit
  • .pg-lema
  • .pie
  • .pg-meta

Datos

  • .kpi
  • .kpis
  • .pg-lista
  • .pg-fila
  • .pg-tablero

Estados

  • .pg-nota
  • .pg-vacio
  • .silente
  • .transcluido

Navegación

  • .migas
  • .pg-seg
  • .pg-cab