Mint Ventanas modales

Mint Ventanas modales es un conjunto de 15 ventanas modales y avisos del sistema dibujados en estilo plano, donde no hay contornos ni sombreado de ningún tipo. Contiene tres ventanas modales de gravedad creciente, tres placas de sistema y tres bandas de sistema, una fila inferior de tres botones, un botón de cierre, una atenuación de fondo por capas y un campo de entrada simple, otro enfocado y otro con error.

Una ventana modal no es un panel: detiene el juego, espera una respuesta y a veces esa respuesta no se puede deshacer. La forma habitual de decirlo es un borde rojo, que choca con el color de vida que ya está en pantalla y desaparece en cuanto alguien reteñe el kit a su propia paleta.

La profundidad viene solo de una sombra suave por capas — tres pasadas apiladas en vez de un filtro de desenfoque, porque algunos rasterizadores de SVG escalan mal un desenfoque y el PNG de 4x sale como una mancha. Todo lo demás es un único color macizo.

Dentro de ese estilo, esta es la lectura de Mint: una interfaz de tema oscuro sobre una paleta gris azulado con acentos en verde menta, construida en torno a una banda de cabecera cruzando la parte superior del marco, botones de esquinas rectas de 120x36, barras con marcas divididas en 12 segmentos e iconos a dos tintas sobre una rejilla de 16px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

La gravedad va en el grosor de la franja del borde superior y no en su color: tres píxeles para un aviso, seis para una advertencia y diez para algo destructivo. Así sobrevive a cualquier tinte y a cualquier captura en escala de grises. Las posiciones de los botones son fijas y deliberadas: cancelar a la izquierda y en relieve, la acción que confirma a la derecha y hundida. Ese orden se convierte en memoria muscular a lo largo de un juego, y un kit que lo cambia es la razón por la que alguien borra una partida por reflejo. La atenuación son cuatro escalones apilados y no una capa uniforme, porque una sola lámina negra sobre toda la pantalla mata el arte que pretende atenuar.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Mint, lo que significa que este kit y el kit de paneles de Mint encajan sin redimensionar ninguno. Encaja bien en interfaces minimalistas y móviles.

Creative Commons Zero 1.0 — Dominio público. Sin atribución. Términos completos · Qué significa en la práctica