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

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

545

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

Atlassian Design System

Atlassian Design System / 2012– / Estilo / Lenguajes de pantalla

Un sistema que traduce la complejidad de Jira y Confluence a tokens, reglas de contenido, espaciado, retículas y componentes compartidos. La consistencia genera confianza y mantiene navegables grandes conjuntos de incidencias, documentos y estados.

Capas blancas y gris pálido con acciones principales azules / Tarjetas redondeadas y etiquetas de estado en forma de cápsula / Divisiones claras entre barra lateral, tabla y panel de detalle / Color, espaciado, radio y elevación gobernados por tokens

design.md prompt de imagen

546

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

Ant Design

Ant Design / 2015– / Estilo / Lenguajes de pantalla

Un sistema de diseño que mantiene las aplicaciones web empresariales con baja entropía mediante componentes y patrones de página reutilizables. Sus valores —Natural, Cierto, Significativo y Creciente— sistematizan tablas, formularios, jerarquía y estados sin reducir la densidad de información.

Tablas densas compuestas con texto pequeño y filetes finos / Acciones principales azules y colores semánticos explícitos / Formularios, paginación, árboles y tablas coherentes / Legibilidad lograda con alineación y repetición, no con espacio abundante

design.md prompt de imagen

547

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

Shopify Polaris

Shopify Polaris / 2017– / Estilo / Lenguajes de pantalla

El marco de interfaz de Shopify unifica productos, pedidos, pagos y clientes en un mismo lenguaje comercial. Tarjetas y secciones separan las decisiones, mientras estados y acciones breves ayudan a mantener la tienda en marcha.

Tarjetas blancas apiladas sobre un fondo claro / Verde usado como señal de éxito o avance / Título, estado y acción principal reunidos en la parte superior / Insignias compactas para los estados de producto, pedido y pago

design.md prompt de imagen

548

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

Black Dandyism

ブラック・ダンディズム / 18th century– / Estilo / Historia de la moda

Una tradición que usa la sastrería y el porte para construir la propia imagen y responder a una mirada racializada. No corresponde a un único grado de adorno: conoce los códigos, desplaza sus detalles y reúne dignidad, resistencia e identidad.

Sastrería precisa ajustada al cuerpo / Una línea completa desde sombrero y cuello hasta corbata y zapatos / Color, estampado o gesto que desplaza los códigos clásicos de la ropa masculina / Autopresentación segura y frontal

design.md prompt de imagen

549

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

Power Dressing

パワー・ドレッシング / 1970s–1980s / Estilo / Historia de la moda

Una forma de vestir que hace visible la autoridad en el trabajo. En los años ochenta, el traje de sastrería marcada y hombros grandes señaló el ascenso profesional de mujeres y hombres, ensanchó y endureció la silueta y también cargó con la presión de adaptarse.

Chaquetas acolchadas que ensanchan los hombros / Cintura entallada y silueta de triángulo invertido / Paño de estambre oscuro y raya diplomática / Traje, camisa, corbata o zapatos de salón coordinados

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

555

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

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 — 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

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

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

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

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

580

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

CDE Interface

CDEインターフェース / 1993–2000s / Estilo / Lenguajes de pantalla

Common Desktop Environment unificó las estaciones UNIX mediante relieves derivados de Motif, un Front Panel persistente, cambio de espacios de trabajo e iconos de pocos colores, haciendo que hardware distinto pareciera un mismo lugar de trabajo.

Front Panel en forma de caja a lo largo del borde inferior / Botones elevados y campos hundidos creados con pares de bordes claros y oscuros / Iconos de píxel de pocos colores con contornos oscuros / Botones persistentes para cambiar de espacio de trabajo

design.md prompt de imagen

582

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

GNOME Clearlooks

GNOME Clearlooks / 2005–2011 / Estilo / Lenguajes de pantalla

El tema estándar de GNOME 2.12 hizo las aplicaciones GTK amables y sencillas mediante ventanas gris pálido, selección azul, brillo contenido y límites firmes.

Superficies gris pálido con barras de selección azules / Un reflejo discreto solo en la parte superior de los botones / Pestañas y campos con redondeo contenido / Iconos GNOME pequeños y jerarquía concisa de dos niveles

design.md prompt de imagen

598

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

Biker Style

バイカー・スタイル / 1920s– / Estilo / Estilos subculturales

Una chaqueta protectora de conducción se convirtió en lenguaje de rebeldía y pertenencia a través de clubes de motos, cine, rock y punk; cremallera asimétrica, solapas anchas, cinturón, herrajes y cuero negro gastado conservan función y símbolo.

Cremallera asimétrica que cruza el frente / Contorno duro creado por solapas anchas, hombreras y cinturón / Cuero negro pesado y herrajes plateados / Parches traseros, tachuelas, desgaste y marcas personales

design.md prompt de imagen

599

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

Palm OS Interface

Palm OSインターフェース / 1996–2009 / Estilo / Lenguajes de pantalla

Palm OS convirtió una diminuta pantalla monocroma, un lápiz y límites estrictos de memoria en una herramienta de bolsillo coherente mediante el título, el menú Category, la Command Bar, botones físicos y el área de escritura Graffiti.

Pantalla monocroma de baja resolución, aproximadamente 160 por 160 / Título arriba a la izquierda y selector Category arriba a la derecha / Command Bar que asciende desde el borde inferior y cuatro botones de aplicación / Iconos y reglas finos de un bit y área de entrada Graffiti

design.md prompt de imagen

600

OS/2 Workplace Shell — interpretación generada por IA — Interpretación de IA, no una referencia

OS/2 Workplace Shell

OS/2 Workplace Shell / 1992–2001 / Estilo / Lenguajes de pantalla

OS/2 trató carpetas, impresoras, unidades y ajustes como objetos operables, no como iconos sueltos. Bordes dimensionales, iconos sombreados, ajustes en Notebook y arrastre directo hicieron del escritorio un único lugar de trabajo orientado a objetos.

Superficies gris pálido con dobles bordes dimensionales claros y oscuros / Iconos de objeto de pocos colores dibujados en vista oblicua / Ajustes Notebook con pestañas apiladas en el borde / Arrastre directo entre carpetas, trituradora y unidades

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.