Comparación visual A / B · maqueta estática, datos de ejemplo Índice del prototipo

Comparación visual: A (claridad cálida) contra B (Modern Premium)

Las dos alternativas tienen exactamente los mismos datos, los mismos componentes y la misma distribución. Lo único que cambia son los colores de interfaz, dos tamaños de cifra y las mayúsculas de las etiquetas. Cada recuadro es la pantalla real, reducida a escala.

Qué mirar. A conserva la base cálida del manual de marca: fondo crema, bordes arena, grises tibios. B lleva el fondo a un blanco neutro, el texto a un carbón más frío y los bordes a un gris liso, y deja el amarillo institucional como único color cálido de la pantalla. Si querés recorrer B completa y tocarla, abrí la alternativa B a pantalla entera.

Celular

390 × 844 · pantallas del vendedor

Inicio del vendedor

A — claridad cálida
B — Modern Premium

Catálogo

A — claridad cálida
B — Modern Premium

Configurador

A — claridad cálida
B — Modern Premium

Presupuesto

A — claridad cálida
B — Modern Premium

Tablet

834 × 1112 · la tablet del salón

Las pantallas del vendedor están dibujadas en un armazón fijo de 390 px, así que en tablet se ven centradas, como en un celular grande. El diseño propio de tablet —dos columnas y menú lateral en iconos— es parte de la etapa de maquetado del plan; acá lo que se compara es el color. Las pantallas del administrador, en cambio, sí ocupan el ancho real de la tablet.

Catálogo del vendedor

A — claridad cálida
B — Modern Premium

Panel ejecutivo

A — claridad cálida
B — Modern Premium

Escritorio

1440 × 900 · pantallas del administrador

Panel ejecutivo

A — claridad cálida
B — Modern Premium

Productos

A — claridad cálida
B — Modern Premium

Ficha de producto

A — claridad cálida
B — Modern Premium