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	776

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/776 mostradas

553

Sportswear as Fashion — Athleisure street dress, Madison, Wisconsin — contemporary sportswear example; photo: John Benson — John Benson from Madison WI — Wikimedia Commons / CC BY 2.0

Sportswear as Fashion

スポーツウェア・ファッション / late 19th century– / Estilo / Historia de la moda

El intercambio por el que la movilidad, la protección y los nuevos materiales del deporte entran en la ropa cotidiana, mientras las formas de moda regresan a la indumentaria atlética. Desde las faldas divididas hasta el tejido elástico, el nailon y el neopreno, el movimiento funcional dio forma a la ropa casual moderna.

Holgura y elasticidad que conservan el movimiento / Ajustes mediante cremalleras, canalés y cordones / Colores de equipo, números y franjas usados como identidad / Tejidos funcionales como nailon, elastano y neopreno

design.md prompt de imagen

554

Carbon Design System — IBM Carbon — UI-shell usage example from the archived official documentation — Carbon Design System contributors / Apache-2.0

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

555

Salesforce Lightning Design System — Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0

Salesforce Lightning Design System

Salesforce Lightning / 2015– / Estilo / Lenguajes de pantalla

El lenguaje de interfaz de Salesforce para el trabajo empresarial centrado en registros organiza objetos, acciones y estados en patrones de espacio de trabajo repetibles.

Cabeceras de objeto con metadatos compactos / Pestañas, tarjetas y cronologías de actividad / Azul nube con colores semánticos de estado / Formularios densos y tablas de registros

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 — NHS.UK frontend — official error-summary component snapshot — Copyright (c) 2019 NHS England / MIT

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

559

BBC Global Experience Language — interpretación generada por IA — Interpretación de IA, no una referencia

BBC Global Experience Language

BBC GEL / 2010– / Estilo / Lenguajes de pantalla

El lenguaje de experiencia global de la BBC unifica noticias, vídeo, audio y productos infantiles mediante una jerarquía legible, controles multimedia accesibles y componentes editoriales reutilizables.

Cabecera negra sobre contenido blanco / Titulares breves y gruesos / Tarjetas de noticias con proporciones de imagen constantes / Foco, subtítulos y controles de reproducción muy visibles

design.md prompt de imagen

560

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

Mozilla Protocol

Mozilla Protocol / 2017– / Estilo / Lenguajes de pantalla

El sistema web flexible de Mozilla antepone el contenido y la accesibilidad global a la decoración, sin perder una personalidad viva ligada a la web abierta.

Títulos negros y gruesos con amplios blancos / Grandes campos de color vivo / Billboards y tarjetas flexibles / Texto breve y llamadas a la acción explícitas

design.md prompt de imagen

561

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

Elastic UI

Elastic UI / 2017– / Estilo / Lenguajes de pantalla

El sistema de interfaz de Elastic está hecho para buscar, filtrar y diagnosticar grandes conjuntos de datos sin perder densidad operativa.

Cabecera fija y navegación izquierda / Controles persistentes de consulta, filtro y tiempo / Tablas y series temporales dentro de paneles compartidos / Colores vivos limitados a las series de datos

design.md prompt de imagen

562

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0 · © Google LLC

Material You

Material You / 2021– / Estilo / Google UI

Material You convierte la adaptabilidad en una constante: el color dinámico, las formas generosas y el movimiento personalizado varían según la persona, mientras las funciones semánticas permanecen estables.

Colores armonizados derivados del fondo de pantalla / Tarjetas y controles grandes y redondeados / La selección cambia tanto el color como la forma / Espaciado amplio y tipografía de display grande

design.md prompt de imagen

563

The New Aesthetic — interpretación generada por IA — Interpretación de IA, no una referencia

The New Aesthetic

ニュー・エステティック / 2011– / Imaginario / Digital Culture

La New Aesthetic de James Bridle nombra la forma en que la visión artificial y las imágenes de red se filtran en la cultura física mediante píxeles, vistas de satélite, cuadros de detección y errores de sensores.

Píxeles ampliados sobre objetos físicos / Rectángulos de reconocimiento y coordenadas / Puntos de vista de satélite, mapa y vigilancia / Compresión, omisión y clasificación errónea de la máquina

design.md prompt de imagen

564

Post-Internet Art — interpretación generada por IA — Interpretación de IA, no una referencia

Post-Internet Art

ポスト・インターネット・アート / 2000s– / Imaginario / Digital Culture

El arte postinternet trata internet como una condición ordinaria de la vida y la producción, y convierte en obra la circulación entre imágenes en línea, objetos, exposiciones y documentación.

Imágenes de red convertidas en impresos u objetos / Capturas de pantalla, imágenes de producto y renders 3D mezclados / Vistas de instalación que regresan a las redes sociales / Imágenes de alta resolución y comprimidas sobre una misma superficie

design.md prompt de imagen

565

Retrofuturism — Tom Swift and His Photo Telephone, frontispiece, 1914 — historical imagined-future illustration — Stratemeyer Syndicate — Wikimedia Commons / Public domain

Retrofuturism

レトロフューチャリズム / 1970s– / Imaginario / Digital Culture

El retrofuturismo revisita los futuros imaginados en el pasado a través de sus vehículos, materiales, anuncios y visiones cósmicas, conservando tanto su esperanza como sus puntos ciegos.

Vehículos aerodinámicos y ciudades monumentales / Indicadores analógicos, cromo y válvulas de vacío / Tipografía publicitaria y diagramas de la era espacial / Impresión desvaída junto a imágenes luminosas del futuro

design.md prompt de imagen

566

PatternFly — PatternFly — official desktop data-list demo snapshot — Copyright (c) 2019 Red Hat, Inc. / MIT

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

569

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

Firefox Photon

Firefox Photon / 2017–2021 / legacy / Estilo / Lenguajes de pantalla

Presentado con Firefox Quantum, Photon unificó escritorio y móvil en torno a un lenguaje Firefox rápido y reconocible: cromo compacto, color vivo, iconos ligeros y movimiento que permanece detrás del contenido web.

Cromo compacto del navegador y pestañas de esquinas marcadas / Azul, morado y naranja vivos sobre blanco o azul noche / Iconos de línea finos y simplificados / Transiciones breves y selección o foco inequívocos

design.md prompt de imagen

570

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

Ubuntu Yaru

Ubuntu Yaru / 2018– / Estilo / Lenguajes de pantalla

El tema predeterminado de Ubuntu, creado por la comunidad, superpone al GTK y GNOME Shell basados en Adwaita el naranja Ubuntu, barras de título oscuras e iconos derivados de Suru, y distribuye ventanas, shell, iconos, cursores y sonido como una sola suite.

Cuerpo de ventana claro frente a una barra de título oscura / Naranja Ubuntu para selección y foco / Iconos derivados de Suru basados en círculos, cuadrados y óvalos verticales u horizontales / Borde de icono de un píxel, degradado contenido y sombra inferior

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

573

Pixel Sorting — Pixel sorting digital art composite — Slaytonjerry — Wikimedia Commons / CC BY-SA 4.0

Pixel Sorting

ピクセルソーティング / 2010– / Técnica / Técnicas de imagen digital

Pixel Sorting selecciona los píxeles de una imagen según un umbral de brillo o tono y los reordena dentro de filas o columnas, extrayendo largas estelas de color de una imagen de origen aún reconocible. El código publicado por Kim Asendorf permitió su amplia reimplementación.

Largas corrientes horizontales o verticales de píxeles que salen de una figura o paisaje / Solo una parte del contorno fluye hacia bandas / Las zonas no seleccionadas conservan la imagen de origen / Bandas de color local ordenadas suavemente por valor o tono

design.md prompt de imagen

574

DeepDream — DeepDream applied to white noise, published algorithm-generated example — Martin Thoma, 2016 — MartinThoma — Wikimedia Commons / CC0

DeepDream

ディープドリーム / 2015– / Técnica / Arte digital

La técnica de visualización de Google amplifica repetidamente los rasgos aprendidos por una red de reconocimiento de imágenes, haciendo emerger ojos, animales y torres de nubes, rocas y hojas hasta convertir el error de reconocimiento en una superficie alucinatoria recursiva.

Ojos y rostros animales repetidos por todo el encuadre / Textura arremolinada que se multiplica a lo largo de los contornos originales / Repetición a varias escalas que revela nuevas figuras al acercarse / Azules, amarillos y violetas saturados que fluyen de forma continua

design.md prompt de imagen

575

New Romantic — Tallulah and Steve Strange at the Circus Circus opening, 1983 — New Romantic dress — Eurovisa — Wikimedia Commons / CC BY-SA 4.0

New Romantic

ニュー・ロマンティック / 1979–1983 / Estilo / Estilos subculturales

Nacido alrededor del club Blitz de Londres, el atuendo New Romantic convirtió la destrucción negra del punk en autoinvención teatral al mezclar piratas, indumentaria Regency, cabaré y materiales futuristas. El look se construía como un personaje para la noche, no se compraba completo.

Camisas con volantes, fajines y citas de vestimenta militar o pirata / Rostro blanqueado, colorete fuerte y maquillaje asimétrico / Gran silueta de la cabeza construida con sombreros, plumas y joyería / Traje histórico mezclado con sintéticos y brillo futurista

design.md prompt de imagen

576

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

Acid House Fashion

アシッドハウス・ファッション / 1988–1991 / Estilo / Estilos subculturales

Las raves en almacenes del Second Summer of Love llevaron la cara sonriente amarilla, el color fluorescente y los materiales reflectantes a camisetas extragrandes y ropa funcional hecha para bailar durante horas, condensando el reconocimiento comunitario en una cara sencilla.

Cara sonriente negra sobre amarillo / Camisetas extragrandes, pantalones holgados y sombreros de pescador / Amarillo, naranja y verde fluorescentes contra negro / Material reflectante, tejido deportivo y chapas repetidos

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 151 de 776 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.