Minimalistas y funcionales

Monochrome Design

Una sola familia cromática en toda la interfaz; el contraste y la jerarquía se resuelven con luminosidad, no con color.

Descripción

Monochrome Design es una estrategia cromática, no un sistema UI formal. Consiste en construir una composición principalmente a partir de un único matiz y sus variaciones de luminosidad, saturación, tinte, tono y sombra. Monocromático no significa necesariamente blanco y negro: una interfaz puede ser azul, verde, sepia o roja y seguir siendo monocromática si la jerarquía se basa en variaciones de esa familia cromática. La restricción obliga a utilizar con más precisión contraste, tipografía, espacio y profundidad.

Características visuales

Una familia cromática dominante; variaciones de valor y saturación para separar niveles; contraste tipográfico fuerte; jerarquía mediante espacio, tamaño, bordes y profundidad; escasez de colores competidores. La accesibilidad es especialmente importante: tonos visualmente agradables pueden no ofrecer contraste suficiente para texto o controles, por lo que deben verificarse contra criterios WCAG.

Cuándo usarlo

Adecuado para marcas con un color corporativo muy fuerte, productos premium, moda, fotografía, portfolios, herramientas profesionales y experiencias donde se quiera una identidad cromática muy coherente. Puede resultar limitado en sistemas que necesitan distinguir muchos estados semánticos —error, advertencia, éxito, información o categorías—, por lo que esos significados no deberían depender exclusivamente del color.

← Todos los estilos