Isométrico: cubos índigo apilados y un contorno de hexágono sobre tinta
Cada baldosa del motivo Isométrico es un cubo con tres caras: azul lavanda arriba, índigo eléctrico a la izquierda y un índigo más oscuro a la derecha, que es como el modo Dos colores sombrea este motivo. Los cubos encajan entre sí sobre un azul marino casi negro con Opacidad 70, y un desvanecimiento Bordes despeja el centro para que el efecto 3D enmarque el diseño en lugar de llenarlo. Un Polígono de seis puntas, un hexágono en Contorno violeta claro con Suavidad en 0, repite la silueta de un cubo.
Hazlo tuyo
Ilumina los cubos de otra manera
La cara superior toma Primer plano secundario y las caras laterales toman Primer plano. Pon Primer plano secundario en menta pálido o blanco para simular una luz fuerte desde arriba, o cambia Modo de color a Un color para una versión tono sobre tono.
Agranda los bloques
El tamaño del cubo sale de Escala de la forma, aquí 30, con Espaciado en 160. En 60 obtienes unos pocos bloques grandes y arquitectónicos detrás de un hero, y en 14 los cubos se vuelven una textura tejida que funciona en tarjetas pequeñas.
Preguntas frecuentes
¿Para qué se usa un patrón isométrico?
Los cubos isométricos sugieren estructura, bloques de construcción y sistemas, así que aparecen en herramientas para desarrolladores, productos de infraestructura y datos, fintech e interfaces de juegos. Este preajuste conserva la idea pero la atenúa: los cubos están al 70 por ciento de opacidad sobre un fondo oscuro y se desvanecen en el centro, dejando sitio para un titular o una captura de producto.
Cómo funciona
Construye el patrón
Elige un motivo y una disposición cuadrada, de ladrillo o hexagonal, y define la escala, el espaciado, el grosor, la rotación, dos colores de patrón y un fondo.
Añade una forma y una textura
Coloca una de las 8 formas con relleno sólido, de contorno o degradado, y superpón una de las 9 texturas con un modo de fusión y una opacidad.
Encuádralo y úsalo
Elige una proporción de 1:1 a 9:16, previsualízalo en diseños de hero, tarjeta y móvil, y después inicia sesión con una cuenta gratuita de UX Pilot para usarlo en el canvas o exportarlo.