IndexStyle

Un diccionario de estilos de diseño, escrito a partir de las obras mismas.

Es HTML puro. Se abre en cualquier navegador y en cualquier dispositivo, sin app y sin cuenta, y las máquinas leen la misma página.

Términos	738

Diccionario

Busca por estilo o describe lo que quieres crear. Los nombres tienen prioridad; el propósito, el efecto y el medio añaden alternativas.

PruebaBauhaus un sitio de empleo premium una app financiera fiable

Buscar Tipo Familia Efecto Orden 24/254 mostradas

523

Biedermeier — Sofá Biedermeier, Austria, hacia 1815–1825, Montreal Museum of Fine Arts — Wikimedia Commons / Public domain

Biedermeier

ビーダーマイヤー / 1820s–1850s / Estilo / Mobiliario e interiores

Apodo satírico aplicado más tarde al arte y a los interiores de Europa central de la década de 1820 a la de 1850, que acabó quedándose como nombre del estilo. Se lo asocia al gusto de la clase media, y lo caracterizan unas formas francas que evitan el ornamento enrevesado y unos asuntos que retratan con sentimiento a las personas cercanas y a la naturaleza.

Muebles cuyo contorno se queda simple, sin talla ni taracea superpuestas. / En lugar de ornamento, la propia veta de la madera se adelanta al frente. / Los asuntos son personas cercanas y naturaleza, tratados con sentimiento. / Medidas contenidas, hechas para la sala de un ciudadano y no para el salón de un príncipe.

design.md prompt de imagen

526

Aesthetic Movement — James McNeill Whistler, The Peacock Room (Armonía en azul y oro), 1876–77, Freer Gallery of Art — Wikimedia Commons / CC BY-SA 4.0 · © Votpuske

Aesthetic Movement

唯美主義運動 / 1870s–1880s / Estilo / Mobiliario e interiores

Movimiento británico y estadounidense de las décadas de 1870 y 1880 que atravesó por igual la pintura, el mueble, el textil y la arquitectura. Bajo el lema del arte por el arte, puso el valor autónomo de la belleza por encima de la lección moral, del relato y del peso del asunto. Por eso el ornamento no dice nada y todo se decide en la armonía de la superficie.

Girasoles y lirios que reaparecen con la misma forma en la cerámica, en los tejidos y en la propia habitación. / Una gama tirada hacia el verde oliva y el amarillo, con rojo oscuro y crema montados sobre fondos negros. / Motivos japoneses reducidos a repeticiones planas, con bambú circular, rosetones estilizados y hojas colgantes sobre un fondo de retícula romboidal. / Porcelana china azul y blanca dispuesta en la sala, donde las piezas mismas cuentan como parte de la decoración.

design.md prompt de imagen

527

Craftsman Style — Gustav Stickley (United Crafts), sillón, 1901, Art Institute of Chicago — Wikimedia Commons / CC BY 3.0 · © Sailko

Craftsman Style

クラフツマン様式 / 1870s–1920s / Estilo / Mobiliario e interiores

Estilo de arquitectura, interiorismo y artes decorativas que se difundió en los Estados Unidos desde alrededor de 1870 hasta alrededor de 1925. Continúa el Arts and Crafts inglés al renunciar a la cita de los estilos históricos y elegir la sencillez, pero sus portadores llegaron a incluir a reformadores sociales, educadores y asociaciones de mujeres. Aparece sobre todo en casas pequeñas como el bungalow, donde el material se muestra tal cual.

Las piezas de la estructura, como vigas y jabalcones, quedan a la vista en lugar de forrarse. / No hay capiteles, volutas ni ninguna otra pieza tomada de los estilos históricos. / Funciona a la escala de una casa pequeña como el bungalow y no en una mansión. / La madera y la piedra no se cubren de pintura, así que las superficies se hacen de veta y de color natural.

design.md prompt de imagen

529

Gustavian Style — Castillo de Sturehov, la Sala Verde, 1781 — Wikimedia Commons / CC BY-SA 4.0 · © Holger.Ellgaard

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / Estilo / Mobiliario e interiores

Neoclasicismo sueco tal como se formó bajo Gustavo III. Su modelo fue el clasicismo formal del estilo Luis XVI, y el rey visitó Versalles y llamó a artesanos franceses a su corte. Los materiales costosos, sin embargo, quedaron sustituidos por vidrio de fabricación nacional.

Un contorno neoclásico contenido, copiado directamente de las formas del estilo Luis XVI. / Los colgantes de cristal de roca quedan sustituidos por pequeñas cuentas de vidrio transparente. / Un poco de vidrio azul cobalto se introduce entre el vidrio incoloro. / Los herrajes y las cadenas dorados quedan a la vista como el esqueleto que enlaza el vidrio.

design.md prompt de imagen

531

Machine Art — interpretación generada por IA — Interpretación de IA, no una referencia

Machine Art

マシン・アート / 1934 / Estilo / Movimientos de diseño moderno

Es el nombre de una exposición que el Museo de Arte Moderno de Nueva York abrió en 1934. Muelles, ollas e instrumentos de medida, todos de fabricación en serie y de uso corriente, se colocaron sobre pedestales y se trataron como esculturas. La sala se montó tapando las molduras del edificio decimonónico de piedra arenisca, porque la condición del montaje era mostrar objetos sin ornamento en un entorno sin ornamento.

Sobre cada pedestal se posa una sola pieza industrial de uso corriente, separada de las demás / Las molduras de paredes y techos quedan cubiertas y el fondo no conserva ningún motivo / Los objetos son muelles, ollas e instrumentos, cosas que nunca se hicieron para ser miradas / En el lugar del autor figuran nombres de fábricas y no de personas

design.md prompt de imagen

534

Breeze — Breeze en KDE Plasma 6 (Debian Trixie) — Wikimedia Commons / CC0

Breeze

ブリーズ / 2014– / Estilo / Lenguajes de pantalla

El estilo visual por omisión que KDE introdujo junto con Plasma 5. El propio anuncio lo describe como un tema plano y de alto contraste, y ordena las figuras hacia formas simples y casi monocromas. En lugar de ornamento se apoya en la composición tipográfica para distinguir los elementos, y ofrece desde el principio una versión clara y otra oscura formando pareja.

Superficies planas sin sombreado, donde el límite entre elementos lo marcan solo la diferencia de color y el contraste / Iconos y figuras reducidos hacia el monocromo, con un recuento de colores muy corto / El contraste entre titular y texto hace el trabajo del ornamento, y la composición tipográfica sostiene la pantalla / Las mismas figuras existen en una versión clara y otra oscura formando pareja

design.md prompt de imagen

535

Acme — Pantalla de acme en Plan 9 from Bell Labs — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / Estilo / Lenguajes de pantalla

La pantalla que Rob Pike presentó en un artículo de 1994, donde el sistema de ventanas, el intérprete de órdenes y el editor son una sola cosa. No tiene menús ni iconos, y cualquier cadena de texto de la pantalla se ejecuta con el botón central o se abre con el derecho. Las ventanas se apilan en columnas y constan solo de dos partes, una etiqueta de una línea y el cuerpo.

Las ventanas se apilan en columnas, y cada una es solo una etiqueta de una línea sobre un cuerpo / La barra de desplazamiento va en el borde izquierdo del cuerpo y en el derecho no hay nada / Al recorrer una cadena con el botón central, esta queda subrayada solo mientras el botón sigue pulsado / El cuerpo es amarillo pálido y la etiqueta azul pálido, y no hay un solo botón ni icono que pulsar

design.md prompt de imagen

536

Oberon System Interface — Pantalla de Oberon-0, líneas de etiqueta y superficie en mosaico sin huecos — Wikimedia Commons / CC BY-SA 4.0 · © PeterEasthope

Oberon System Interface

オベロン・システムの画面 / 1988– / Composición / Lenguajes de pantalla

La pantalla del sistema que Wirth y Gutknecht construyeron en la ETH entre 1986 y 1989. Las ventanas no se superponen, la pantalla se corta en franjas verticales y dentro de cada franja se rellena de arriba abajo. Cualquier texto de la pantalla que tenga la forma M.P se ejecuta con el botón central, así que el sistema no necesita una pieza dedicada llamada menú.

Nada se superpone, la pantalla se corta primero en franjas verticales y luego se rellena de arriba abajo dentro de cada franja / Una franja estrecha a la derecha lleva arriba el registro y abajo un texto con las órdenes, y la franja ancha de la izquierda es la de trabajo / Cada visor tiene arriba un marco de una línea con el nombre del documento y órdenes como System.Close escritas como texto / Un bit por píxel, negro sobre blanco, con marcos de línea recta fina y sin sombra, sin redondeo y sin grises

design.md prompt de imagen

538

Solarized — Xcode 4 con Solarized Light aplicado, 2011 — Wikimedia Commons / CC BY 2.0 · © Jason Brennan from Ottawa, Canada

Solarized

ソラライズド / 2011– / Estilo / Estilos de interfaz

Son dieciséis colores para terminal y editor que Ethan Schoonover publicó con todos sus valores a la vista. Se componen de ocho tonos de base y ocho colores de acento, y las diferencias de claridad CIELAB entre los tonos de base son simétricas, de modo que cambiar el fondo claro por el oscuro no altera el tono de la lectura. Baja la diferencia de luminosidad y distingue las palabras por la diferencia de matiz.

Los fondos no son ni negro puro ni blanco puro, uno tira a verde azulado y otro a crema / La diferencia de claridad entre texto y fondo es pequeña, y el texto se lee con un golpe más suave que el negro sobre blanco / Los ocho acentos tienen una claridad casi igual y se distinguen solo por el matiz / Al cambiar entre fondo claro y oscuro, el mismo acento reaparece con el mismo papel

design.md prompt de imagen

539

Skeleton Screen — interpretación generada por IA — Interpretación de IA, no una referencia

Skeleton Screen

スケルトン・スクリーン / 2013– / Técnica / Estilos de interfaz

Es una forma de tratar la carga que renuncia al indicador giratorio y muestra antes la página vacía, para ir vertiendo la información poco a poco. Luke Wroblewski la presentó con este nombre en 2013, a partir de lo aprendido con su propia aplicación Polar. Enseña que algo avanza en lugar de enseñar que se está esperando.

Durante la carga no aparece ni indicador giratorio ni barra de progreso / Donde irán el texto y las imágenes ya hay campos lisos con la medida que van a ocupar / La composición queda fijada antes de que lleguen los datos, y nada se mueve cuando llegan / La información no sale de una vez, cada zona se rellena por turno

design.md prompt de imagen

542

ADV / NVL Text Layout — Pantalla de tipo NVL de la edición coreana de Higurashi When They Cry — Wikimedia Commons / Public domain

ADV / NVL Text Layout

ADV／NVL（ノベルゲームの文字組み） / 1990s– / Composición / Juegos y naipes

La novela visual tiene dos formas de componer el texto con nombre propio, y el modo ADV saca el diálogo y la narración línea a línea en una ventana en la parte baja de la pantalla. El modo NVL apila varias líneas en una ventana que ocupa toda la pantalla y empieza página nueva en cada corte. La documentación oficial del entorno Ren'Py define las dos como una pareja.

En ADV una ventana ancha permanece abajo y muestra una sola línea cada vez / En NVL el texto se extiende por toda la pantalla y las líneas ya leídas se apilan hacia arriba / En NVL el cambio de página borra de golpe lo apilado y la página siguiente arranca vacía / Las opciones aparecen de otro modo en cada forma, y en NVL se alinean justo después del texto en curso en lugar de en un menú a pantalla completa

design.md prompt de imagen

543

GitHub Primer — interpretación generada por IA — Interpretación de IA, no una referencia

GitHub Primer

GitHub Primer / 2017– / Estilo / Lenguajes de pantalla

El sistema de diseño de GitHub convierte flujos de desarrollo densos en reglas compartidas de color, tipografía, iconos, espaciado y componentes. Da prioridad al avance del trabajo frente al adorno y mantiene muchos estados y acciones en poco espacio sin renunciar a la accesibilidad ni a la adaptación entre pantallas.

Superficies neutras con enlaces azules y colores de estado contenidos / Octicons acompañados de etiquetas de acción breves / Bordes finos que separan listas, pestañas y barras laterales / Escalas constantes de tipografía y espaciado incluso con alta densidad

design.md prompt de imagen

544

Adobe Spectrum — interpretación generada por IA — Interpretación de IA, no una referencia

Adobe Spectrum

Adobe Spectrum / 2013– / Estilo / Lenguajes de pantalla

El sistema de diseño de Adobe para todas sus aplicaciones. Bajo los principios Racional, Humano y Enfocado, cambia la densidad entre escritorio y móvil mientras evita que las interfaces cargadas de herramientas resten atención a la obra.

Superficies neutras y color vivo reservado para la selección / Iconos, tipografía y bordes que cambian de escala juntos / Barras de herramientas y paneles de propiedades unidos por divisiones finas / La obra creativa conserva más presencia que la interfaz

design.md prompt de imagen

550

Fashion Deconstruction — interpretación generada por IA — Interpretación de IA, no una referencia

Fashion Deconstruction

ファッションの脱構築 / 1980s– / Estilo / Historia de la moda

Expone márgenes de costura, forros, bordes sin rematar, patrones y uniones asimétricas en vez de ocultar la prenda como un todo continuo. No se limita a destruir: desmonta convenciones y construye otro cuerpo con sus piezas.

Márgenes de costura y forros vueltos hacia fuera / Bordes crudos y deshilachado deliberado / Uniones asimétricas y equilibrio desplazado / Patrones y entretelas tratados como superficies terminadas

design.md prompt de imagen

552

Mori Girl / Mori Kei — interpretación generada por IA — Interpretación de IA, no una referencia

Mori Girl / Mori Kei

森ガール／森系 / 2007– / Estilo / Japanese Street Fashion

Una moda urbana japonesa construida por quienes imaginan a una chica que podría vivir en un bosque. Capas holgadas, tonos crudos y tierra, texturas naturales y accesorios antiguos prolongan el atuendo en un relato sobre una vida más lenta.

Vestidos y faldas holgados superpuestos / Crudos, marrones y musgos de baja saturación / Texturas de encaje, punto, lino y lana / Zapatos de cuero, cestas y accesorios antiguos

design.md prompt de imagen

554

Carbon Design System — interpretación generada por IA — Interpretación de IA, no una referencia

Carbon Design System

Carbon Design System / 2015– / Estilo / Lenguajes de pantalla

El sistema de IBM para productos empresariales con muchos datos combina una retícula estricta, la tipografía IBM Plex y componentes compactos para mantener legible el trabajo complejo.

IBM Plex y una jerarquía tipográfica marcada / Superficies de trabajo blancas o gris oscuro / Tablas densas, filtros y navegación lateral / Azul reservado para acción y foco

design.md prompt de imagen

556

SAP Fiori — interpretación generada por IA — Interpretación de IA, no una referencia

SAP Fiori

SAP Fiori / 2013– / Estilo / Lenguajes de pantalla

El lenguaje de diseño de SAP basado en roles reduce los procesos empresariales a la información y las acciones que necesita cada persona y las mantiene coherentes en todos los dispositivos.

Mosaicos del launchpad organizados por rol / Barra de shell y páginas de objeto / Tablas compactas y estados semánticos / Azul sereno sobre superficies de trabajo pálidas

design.md prompt de imagen

557

U.S. Web Design System — Página de inicio de USA.gov, 2023 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / Estilo / Diseño público

Un sistema compartido para servicios web federales estadounidenses accesibles, adaptables a móviles y dignos de confianza, construido a partir de patrones de servicio público probados.

Blanco, azul marino y rojo federal contenido / Títulos grandes y sencillos y texto de lectura cómoda / Franja que identifica el sitio oficial / Formularios, avisos e indicadores de pasos claros

design.md prompt de imagen

558

NHS Design System — interpretación generada por IA — Interpretación de IA, no una referencia

NHS Design System

NHSデザインシステム / 2016– / Estilo / Diseño público

El sistema del NHS vuelve serenos, directos y coherentes los servicios y la información sanitaria urgente mediante lenguaje llano, estados de foco fuertes y patrones clínicos probados.

Azul NHS y espacio blanco generoso / Títulos grandes y párrafos breves / Destacados para avisos y consejos de atención / Foco visible y formularios sencillos

design.md prompt de imagen

566

PatternFly — interpretación generada por IA — Interpretación de IA, no una referencia

PatternFly

PatternFly / 2012– / Estilo / Lenguajes de pantalla

El lenguaje visual de código abierto de Red Hat para productos empresariales mantiene manejable una infraestructura compleja mediante navegación densa, vistas de datos y colores de estado estrictamente controlados.

Cabecera oscura y navegación izquierda / Tablas y formularios densos sobre superficies blancas o gris pálido / Azul para la acción principal y rojo, naranja o verde para el estado / Lista, detalle y acción mostrados en paneles coordinados

design.md prompt de imagen

567

elementary OS — interpretación generada por IA — Interpretación de IA, no una referencia

elementary OS

elementary OS / 2011– / Estilo / Lenguajes de pantalla

elementary OS construye un escritorio coherentemente bello y comprensible de inmediato mediante lenguaje conciso, ventanas de propósito único, iconos de aplicación distintivos y profundidad contenida.

Pocas acciones principales en la barra superior / Texto breve construido con verbos concretos / Iconos multicolor de silueta distintiva y borde oscuro de un píxel / Superficies blancas, cromo pálido y acciones sugeridas en azul

design.md prompt de imagen

568

GitLab Pajamas — interpretación generada por IA — Interpretación de IA, no una referencia

GitLab Pajamas

GitLab Pajamas / 2018– / Estilo / Lenguajes de pantalla

El lenguaje visual de GitLab conecta código, incidencias, revisión, CI/CD y seguridad dentro de un único producto DevSecOps mediante GitLab Sans y Mono, navegación persistente, listas densas y una paleta neutra matizada de morado.

GitLab Sans junto a GitLab Mono para el código / Estructura en capas con navegación izquierda y cromo de aplicación / Listas densas de incidencias, solicitudes de fusión y pipelines / Superficies blancas o carbón con morado como foco de marca

design.md prompt de imagen

571

Canonical Vanilla — interpretación generada por IA — Interpretación de IA, no una referencia

Canonical Vanilla

Canonical Vanilla / 2013– / Estilo / Lenguajes de pantalla

El lenguaje visual de Canonical basado en CSS unifica Ubuntu, MAAS, Juju y sus sitios y aplicaciones mediante la tipografía Ubuntu, retículas divididas, secciones con filetes y espacio generoso, optimizados para recorrer contenido técnico extenso.

Títulos grandes y finos junto a subtítulos menores en negrita con tipografía Ubuntu / Divisiones asimétricas 25/75 y 50/50 / Filetes finos sobre las secciones y amplio espacio vertical / Superficies blancas, texto oscuro y foco naranja o berenjena

design.md prompt de imagen

572

Firefox Proton — interpretación generada por IA — Interpretación de IA, no una referencia

Firefox Proton

Firefox Proton / 2021–2026 / Estilo / Lenguajes de pantalla

El rediseño de Firefox 89 hizo el navegador más luminoso y sereno al simplificar barras y menús y adoptar pestañas redondeadas flotantes, iconos más ligeros, mayor espaciado y una paleta con matices morados en escritorio, iOS y Android.

Pestaña activa redondeada que flota sobre la barra de herramientas / Menús guiados por texto con menos iconos redundantes / Espaciado generoso e iconos lineales ligeros / Cromo neutro del navegador con estados de selección morados y azules

design.md prompt de imagen

Política editorial

IndexStyle no reúne cualquier término de diseño. Una entrada independiente debe describir un lenguaje visual reconocible, reproducible y distinguible de los vecinos. Criterio editorial

Las imágenes de referencia son siempre obras reales: fotografías y reproducciones custodiadas por museos, bibliotecas y archivos, o documentos oficiales. Nunca las creamos ni las retocamos.
Cuando no puede mostrarse una imagen de referencia legal, legible y suficientemente representativa, la entrada puede añadir una o más interpretaciones generadas por IA. Siempre se etiquetan como tales y nunca entran en la galería de referencia, en la imagen para compartir ni en la evidencia de la fuente. Hoy las llevan 221 de 738 entradas.
Cada entrada indica la fuente de la que se registró y enlaza a ella; cada URL se comprueba al añadir la entrada y en las revisiones posteriores.
Estilos, técnicas y estéticas de internet se clasifican, nunca se confunden.
Las entradas relacionadas se pueden recorrer en ambos sentidos.
Sobre los derechos de imagen, véase Sobre citas e imágenes de referencia.