Minimalism

Reduce la interfaz a lo esencial: mucho espacio en blanco, poca decoración y una jerarquía tipográfica que hace todo el trabajo.
Garden · Estilos UI
Catálogo de estilos visuales de interfaz agrupados por familia: qué define a cada uno, cómo se ve y cuándo tiene sentido usarlo. Lo mantengo como referencia propia a la hora de decidir la dirección visual de un proyecto.
Estilos donde mandan la claridad, la jerarquía, la estructura y la facilidad de uso.

Reduce la interfaz a lo esencial: mucho espacio en blanco, poca decoración y una jerarquía tipográfica que hace todo el trabajo.

Elimina sombras, degradados y texturas en favor de formas planas y color sólido, priorizando legibilidad y velocidad de carga.

Sistema de Google basado en superficies con elevación, sombras coherentes y movimiento con reglas físicas.

Sistema de Microsoft: profundidad, luz, materiales translúcidos (acrylic, mica) y continuidad entre dispositivos.

Retícula estricta, tipografía sans-serif y composición objetiva; la base histórica de casi todo el diseño funcional moderno.

Formas geométricas primarias, colores básicos y la idea de que la forma sigue a la función.

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

La retícula visible como estructura y como recurso estético, con alineaciones y módulos consistentes.
Aquí entran muchas interfaces SaaS, dashboards, portfolios tecnológicos y productos digitales modernos.

Paneles translúcidos con desenfoque de fondo, bordes sutiles y sensación de capas de cristal superpuestas.

Elementos que parecen extruidos del propio fondo mediante sombras dobles, suaves y de bajo contraste.

Bordes gruesos, sombras duras, colores saturados y componentes deliberadamente crudos, pero con estructura.

Composición en módulos rectangulares de distinto tamaño, como una caja bento; ideal para dashboards y landings de producto.

El degradado como elemento principal de identidad: fondos, mallas de color y transiciones cromáticas amplias.

Objetos tridimensionales reales o renderizados integrados en la interfaz, a menudo interactivos.

Ilustración y escenas en proyección isométrica para explicar sistemas, productos o arquitecturas.

El movimiento como estructura narrativa: scroll, transiciones y micro-interacciones guían la lectura.
Adecuados cuando quieres que la propia interfaz sea parte de la personalidad del producto.

Saturación deliberada: muchos colores, capas, texturas y elementos compitiendo con energía controlada.

HTML casi sin estilizar, tipografía por defecto y crudeza intencionada como declaración de principios.

Rompe a propósito las convenciones de usabilidad y estética para provocar y llamar la atención.

Interfaces que exploran interacciones, formatos y navegaciones fuera de todo patrón establecido.

Parte de una retícula y la rompe con solapamientos y desalineaciones calculadas para generar tensión visual.

Equilibrio sin simetría: pesos visuales compensados en composiciones deliberadamente descentradas.

La tipografía es el contenido y la imagen a la vez: escalas enormes, contrastes fuertes y poco más.

Mezcla de fotografía recortada, ilustración, texturas y tipografía como si fuera un montaje físico.
Especialmente útiles para videojuegos, entretenimiento, música, portfolios o proyectos con mucha identidad visual.

Estética del cambio de milenio: cromados, brillos, burbujas, azules metálicos y optimismo tecnológico.

Recupera paletas, tipografías y recursos gráficos de décadas pasadas y los aplica a interfaces actuales.

El futuro tal y como se imaginaba en el pasado: formas curvas, paletas cálidas y tecnología analógica.

Gráficos construidos píxel a píxel, con paleta limitada y rejilla visible como parte de la identidad.

Referencia directa a las consolas de 8 bits: sprites, tipografía de mapa de bits y sonido asociado.

Pastel, estatuas clásicas, mallas y elementos de interfaz de los 90 recombinados con ironía.

Neón sobre fondo oscuro, rejillas en perspectiva, soles con bandas y estética de los 80.

Texturas sucias, rasgados, manchas y composición desordenada con carácter analógico.
Cyberpunk puede incorporar HUD, hologramas, neón y elementos sci-fi, pero merece categoría propia porque tiene una identidad visual muy marcada.

Neón sobre negro, tipografía condensada, glitch y densidad de información urbana y distópica.

Interfaces de ficción científica: paneles técnicos, líneas finas, datos en movimiento y sensación de sistema avanzado.

Capas de información superpuestas al estilo visor: retículas, marcadores, indicadores y telemetría.

Superficies iridiscentes y elementos que simulan proyección holográfica flotando sobre el fondo.
Interfaces donde pesan mucho la composición visual, la fotografía, la tipografía, las formas y la dirección artística.

Aplica el lenguaje de la revista impresa a pantalla: columnas, ritmo tipográfico y fotografía a sangre.

Geometría simétrica, líneas doradas, motivos repetidos y tipografía de los años 20 y 30.

Formas geométricas dispersas, colores primarios y patrones de los 80 con espíritu lúdico.

Formas curvas e irregulares inspiradas en la naturaleza, sin ángulos rectos ni retícula evidente.