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érminos598

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.

PruebaBauhausun sitio de empleo premiumuna app financiera fiable

48/598 mostradas

529

Gustavian Style — Castillo de Sturehov, la Sala Verde, 1781 — Wikimedia Commons / CC BY-SA 4.0Gustavian Style — Manufactura de Marieberg, estufa de azulejos, década de 1780, castillo de Sturehov, la Sala Amarilla — Wikimedia Commons / CC BY-SA 4.0Gustavian Style — Atribuido a Jonas Hultsten, cómoda de estilo gustaviano, hacia 1773–1797 — Wikimedia Commons / CC BY 3.0

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

ChatGPT ／ Claude ／ Google AI

530

Droog — Marcel Wanders, Knotted Chair, 1996 — Wikimedia Commons / CC BY 4.0Droog — Tejo Remy, You Can't Lay Down Your Memory, 1991 — Wikimedia Commons / CC BY 2.0Droog — Rody Graumans, 85 Lamps, 1993 — Wikimedia Commons / CC BY-SA 2.0

Droog

ドローホ / 1990s– / Estilo / Mobiliario e interiores

Es la manera común que adoptó un grupo de diseñadores neerlandeses reunido en los años noventa, y droog significa seco en neerlandés. Cosas conocidas, un cajón recuperado o un nudo, se conservan como estructura del objeto en lugar de ocultarse bajo el acabado. Al convertir la sencillez y el ingenio en un tipo compartido, se separó del diseño industrial pulido de esos mismos años.

Piezas ya fabricadas de procedencias distintas se atan en un solo mueble sin igualar su color ni su desgaste / Cintas y cuerdas que parecen fijaciones provisionales se quedan como estructura definitiva / El proceso del material permanece en la superficie acabada, con nudos y juntas sin lijar / Como las piezas cambian cada vez, no hay dos ejemplares iguales de un mismo diseño

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

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

ChatGPT ／ Claude ／ Google AI

532

Xerox Star Interface — Escritorio e iconos del Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC BY 2.0Xerox Star Interface — Ventana de documento multilingüe del Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC0Xerox Star Interface — Pantalla de documento compuesto del Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC0

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / Estilo / Lenguajes de pantalla

El lenguaje de pantalla que fijó el Xerox 8010 de 1981. Carpetas, bandejas de entrada y salida, cajones de archivo y otros útiles de oficina aparecen como figuras con rótulo, y el folleto de entonces llamó a ese conjunto un escritorio electrónico. Los objetos de la pantalla se mueven, se copian y se tiran libremente con el ratón.

Cada figura en pantalla lleva un rótulo de texto, de modo que el sentido nunca recae solo en el dibujo / Las figuras representan cosas de un escritorio de oficina, carpetas, bandejas de entrada y salida, cajones de archivo / Los objetos se agarran con el ratón, y mover, copiar y borrar forman una misma familia de gestos / La hoja de cálculo aparece como una retícula de filas y columnas, con las órdenes que actúan sobre ella reunidas en menús

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

533

PLATO Terminal Screen — Pantalla de plasma de un terminal PLATO V, 1981 — Wikimedia Commons / CC BY 3.0PLATO Terminal Screen — Pantalla de PLATO con una simulación de destilación fraccionada — Wikimedia Commons / CC BY-SA 3.0 US

PLATO Terminal Screen

PLATO端末の画面 / 1972–1980s / Estilo / Lenguajes de pantalla

La pantalla de PLATO, la red educativa que la Universidad de Illinois puso en marcha a comienzos de los años sesenta. Sobre un panel plano de plasma sensible al tacto, las órdenes de TUTOR sitúan texto y dibujo por coordenadas, así que la página no avanza por líneas como un documento. Las pantallas de tablón y de conversación tomaron aquí su forma.

Sobre un plano negro, el texto y las líneas salen en un único naranja luminoso / Los caracteres no siguen un flujo de líneas sino coordenadas, y se meten dentro del dibujo / Texto y trazado comparten un mismo plano, sin marcos que separen las zonas / Hay preguntas que se contestan tocando la pantalla con el dedo

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

534

Breeze — Breeze en KDE Plasma 6 (Debian Trixie) — Wikimedia Commons / CC0Breeze — Breeze en KDE Plasma 5, esquema de color claro (Kubuntu 20.10), 2020 — Wikimedia Commons / CC BY 4.0Breeze — Breeze en KDE Plasma 5, menú de inicio con esquema de color oscuro (Kubuntu 21.04), 2021 — Wikimedia Commons / CC BY-SA 4.0

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

ChatGPT ／ Claude ／ Google AI

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

ChatGPT ／ Claude ／ Google AI

536

Oberon System Interface — Pantalla de Oberon-0, líneas de etiqueta y superficie en mosaico sin huecos — Wikimedia Commons / CC BY-SA 4.0Oberon System Interface — Pantalla de Oberon V4, mosaico de dos columnas — Wikimedia Commons / CC BY-SA 4.0Oberon System Interface — Tableta que muestra PC Native Oberon — Wikimedia Commons / CC BY-SA 4.0

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

ChatGPT ／ Claude ／ Google AI

537

Ribbon — Cinta de opciones al estilo de Office 2007 con pestañas contextuales — Wikimedia Commons / CC BY-SA 4.0Ribbon — Microsoft Word（オランダ語版）のリボン 2021年 — Wikimedia Commons / CC BY-SA 4.0Ribbon — Microsoft Excel のリボンのグループ「Modificar」 2014年 — Wikimedia Commons / Public domain

Ribbon

リボン / 2007– / Composición / Microsoft UI

Es una banda de órdenes que las dispone en una serie de pestañas en la parte superior de la ventana y sustituye a la vez a la barra de menús y a las barras de herramientas. Se introdujo con Office 2007, y Microsoft definió en sus directrices oficiales el vocabulario de pestañas, grupos, pestañas contextuales y galerías. Toda orden lleva rótulo, y su tamaño cambia según la frecuencia de uso.

En lo más alto de la ventana vive una banda que cambia por pestañas, con una altura fija de 48 píxeles / La banda se corta en grupos con nombre, y el nombre de cada grupo corre por su borde inferior / Los iconos de las órdenes vienen en dos tamaños, 32 por 32 y 16 por 16, y solo las órdenes frecuentes toman el grande y abren el grupo / Según el tipo de objeto seleccionado aparecen pestañas contextuales de color, y el nombre de ese conjunto de pestañas termina en Tools

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

538

Solarized — Xcode 4 con Solarized Light aplicado, 2011 — Wikimedia Commons / CC BY 2.0Solarized — gedit con Solarized Dark aplicado — Wikimedia Commons / CC0Solarized — Página de un artículo de Wikipedia con Solarized Dark aplicado, 2021 — Wikimedia Commons / CC BY-SA 4.0

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

ChatGPT ／ Claude ／ Google AI

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

ChatGPT ／ Claude ／ Google AI

540

Stamen Map Styles (Toner, Terrain, Watercolor) — Mapa con teselas Watercolor de Stamen Design, 2022 — Wikimedia Commons / CC BY-SA 4.0Stamen Map Styles (Toner, Terrain, Watercolor) — Mapa con teselas Terrain de Stamen Design, 2016 — Wikimedia Commons / CC BY 3.0Stamen Map Styles (Toner, Terrain, Watercolor) — Mapa con teselas en blanco y negro de Stamen Design (uMap), 2023 — Wikimedia Commons / CC BY-SA 2.5

Stamen Map Styles (Toner, Terrain, Watercolor)

スタメンの地図様式 / 2010s– / Estilo / Diseño de información

Son tres estilos de mapa con nombre propio que publicó Stamen Design, donde Toner está hecho de blanco y negro a dos valores, Terrain de sombreado del relieve y color de vegetación, y Watercolor de manchas que se difuminan en el grano del papel. Lo que los separa de los mapas web anteriores es que el aspecto del mapa base pasa a elegirse como una manera de pintar y no como un ajuste de colores.

Toner se dibuja solo con negro y blanco y no tiene grises intermedios / En Watercolor el borde entre mar y tierra se difumina como el filo de un pincel, y el grano del papel sigue ahí al ampliar / El agua de Watercolor mezcla azules con turquesa y violeta, y las carreteras oscilan del naranja al pardo rojizo / Rótulos, líneas y fondo van en capas distintas, de modo que un juego de teselas se distribuye con cualquiera de ellas retirada

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

541

Single-Serving Site — interpretación generada por IA
Interpretación de IA, no una referencia

Single-Serving Site

シングルサービング・サイト / 2008– / Composición / Lectura en la web

Un sitio que ocupa un dominio propio y hace una sola cosa con una única página. Jason Kottke le dio nombre en febrero de 2008 y sus lectores le enviaron unos cuatrocientos ejemplos, y así quedó fijado como tipo. No hay navegación ni recorrido posible, la respuesta a la pregunta llena la pantalla y ahí termina todo.

El nombre del dominio es la pregunta, y el contenido de la página es esa respuesta de una sola palabra / Sin titulares ni párrafos, una palabra o una imagen ocupa el centro de la pantalla / Ni menú, ni buscador, ni enlaces al pie, no hay ningún sitio al que ir después / Abundan los títulos que se responden con sí o no, como Is It Christmas? o Is Twitter Down?

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

542

ADV / NVL Text Layout — Pantalla de tipo NVL de la edición coreana de Higurashi When They Cry — Wikimedia Commons / Public domainADV / NVL Text Layout — Pantalla de tipo ADV de Cameliagirls, 2011 — Wikimedia Commons / CC BY-SA 3.0

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

ChatGPT ／ Claude ／ Google AI

543

Imágenes en la página de origen

GitHub Primer

GitHub Primer / 2017– / Estilo / Lenguajes de pantalla

GitHub's design system for turning dense development workflows into shared rules for color, type, icons, spacing and components. It favors flow over decoration, keeping many states and actions in a small area without giving up accessibility or responsive behavior.

Neutral surfaces with blue links and restrained status colors / Octicons paired with short action labels / Thin borders separating lists, tabs and sidebars / Consistent steps of type and spacing even at high density

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

544

Imágenes en la página de origen

Adobe Spectrum

Adobe Spectrum / 2013– / Estilo / Lenguajes de pantalla

Adobe's cross-application design system. Under the principles Rational, Human and Focused, it changes density between desktop and mobile while keeping tool-heavy interfaces from pulling attention away from the work itself.

Neutral surfaces with vivid color reserved for selection / Icons, type and borders scaling together / Toolbars and property panels joined by fine divisions / The creative work stays stronger than the interface

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

545

Imágenes en la página de origen

Atlassian Design System

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

A system that translates the complexity of Jira and Confluence into shared tokens, content rules, spacing, grids and components. Consistency builds trust while keeping large sets of issues, documents and states navigable.

White and pale gray layers with blue primary actions / Rounded cards and lozenge-shaped status labels / Clear divisions among sidebar, table and detail pane / Color, spacing, radius and elevation controlled by tokens

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

546

Imágenes en la página de origen

Ant Design

Ant Design / 2015– / Estilo / Lenguajes de pantalla

A design system that keeps enterprise web applications at low entropy through reusable components and page patterns. Its values — Natural, Certain, Meaningful and Growing — systematize tables, forms, hierarchy and state without reducing information density.

Dense tables set in small type and fine rules / Blue primary actions with explicit semantic colors / Consistent forms, pagination, trees and tables / Readability achieved through alignment and repetition, not generous space

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

547

Imágenes en la página de origen

Shopify Polaris

Shopify Polaris / 2017– / Estilo / Lenguajes de pantalla

Shopify's UI framework for giving products, orders, payments and customers one commerce language. Cards and sections separate decisions, while short status and action language helps a merchant keep the store moving.

White cards stacked on a pale ground / Green used as success or forward motion / Title, status and primary action gathered at the top / Compact badges for product, order and payment states

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

548

Imágenes en la página de origen

Black Dandyism

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

A lineage of using tailoring and bearing as self-fashioning, editing back against a racialized gaze. It is not one level of ornament: it knows the codes, shifts the details, and carries dignity, resistance and identity at once.

Precise tailoring fitted to the body / A complete line from hat and collar to tie and shoe / Color, pattern or gesture shifting classic menswear codes / Confident, frontal self-presentation

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

549

Imágenes en la página de origen

Power Dressing

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

Dress that makes workplace authority visible. In the 1980s the sharply tailored, big-shouldered suit became a sign of upward mobility for women and men, enlarging and hardening the silhouette while also carrying the pressure to conform.

Padded jackets widening the shoulders / A fitted waist and inverted-triangle silhouette / Dark worsted cloth and pinstripes / Coordinated suit, shirt, tie or pumps

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

550

Imágenes en la página de origen

Fashion Deconstruction

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

Exposes seam allowance, lining, raw edge, pattern and asymmetric joining instead of hiding clothing as a seamless whole. It does not merely destroy; it dismantles conventions and builds a different body from their parts.

Seam allowances and lining turned outward / Raw edges and deliberate fraying / Asymmetric joins and displaced balance / Patterns and interfacing treated as finished surfaces

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

551

Imágenes en la página de origen

Camp Fashion

キャンプ・ファッション / 19th century– / Estilo / Historia de la moda

A sensibility that loves artifice, exaggeration, theatricality, parody and excess, enjoying the line between good and bad taste. Its force is not loudness alone but seriousness enlarged until it turns into humor and critique.

Silhouettes exaggerated beyond bodily scale / Artificial materials and excessive ornament / Quotation from historic dress and popular culture / Humor, parody and theatrical posing

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

552

Imágenes en la página de origen

Mori Girl / Mori Kei

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

A Japanese street fashion built by urban wearers imagining a girl who might live in a forest. Loose layers, ecru and earth colors, natural textures and old accessories extend into a story about a slower life.

Layered loose dresses and skirts / Low-chroma ecru, brown and moss / Lace, knit, linen and wool textures / Leather shoes, baskets and old accessories

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

553

Imágenes en la página de origen

Sportswear as Fashion

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

The exchange by which mobility, protection and new materials from sport enter everyday dress and fashionable shapes return to athletic clothing. From divided skirts to stretch, nylon and neoprene, functional movement helped form modern casual clothing.

Ease and stretch that preserve movement / Adjustments such as zips, ribs and drawcords / Team color, numbers and stripes used for identity / Functional fabrics including nylon, spandex and neoprene

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

554

Imágenes en la página de origen

Carbon Design System

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

IBM's system for data-heavy enterprise products, combining a strict grid, IBM Plex type and compact components so complex work remains legible.

IBM Plex and strong type hierarchy / White or deep-gray work surfaces / Dense tables, filters and side navigation / Blue reserved for action and focus

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

555

Imágenes en la página de origen

Salesforce Lightning Design System

Salesforce Lightning / 2015– / Estilo / Lenguajes de pantalla

Salesforce's interface language for record-centered business work, organizing objects, actions and status into repeatable workspace patterns.

Object headers with compact metadata / Tabs, cards and activity timelines / Cloud blue with semantic status colors / Dense forms and record tables

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

557

U.S. Web Design System — Página de inicio de USA.gov, 2023 — Wikimedia Commons / Public domainU.S. Web Design System — Vote.gov en bengalí, 2026 — Wikimedia Commons / CC0U.S. Web Design System — Pantalla móvil de Login.gov, 2024 — Wikimedia Commons / Public domain

U.S. Web Design System

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

A shared system for accessible, mobile-friendly and trustworthy U.S. federal web services, built from tested public-service patterns.

White, navy and restrained federal red / Large plain headings and readable body text / Official-site banner / Clear forms, alerts and step indicators

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

558

Imágenes en la página de origen

NHS Design System

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

The NHS system makes urgent health information and services calm, direct and consistent through plain language, strong focus states and tested clinical patterns.

NHS blue and generous white space / Large headings and short paragraphs / Callouts for warning and care advice / Visible focus and simple forms

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

559

Imágenes en la página de origen

BBC Global Experience Language

BBC GEL / 2010– / Estilo / Lenguajes de pantalla

BBC's global experience language unifies news, video, audio and children's products through readable hierarchy, accessible media controls and reusable editorial components.

Black header over white content / Short bold headlines / News cards with consistent image ratios / Highly visible focus, captions and playback controls

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

562

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0Material You — Google / Material Design, pantalla en modo claro de Material You, Material 3 Design Kit — Wikimedia Commons / CC BY 4.0Material You — Android 12 の壁紙由来カラーを表示した折りたたみ端末 2021年 — Wikimedia Commons / CC BY 3.0

Material You

Material You / 2021– / Estilo / Google UI

Material You makes adaptability itself consistent: dynamic color, generous shapes and personalized motion vary by person while semantic roles stay stable.

Harmonized colors derived from wallpaper / Large rounded cards and controls / Selection changes both color and shape / Broad spacing and large display type

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

563

Imágenes en la página de origen

The New Aesthetic

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

James Bridle's New Aesthetic names the way machine vision and network imagery leak into physical culture through pixels, satellite views, detection boxes and sensor errors.

Pixels enlarged onto physical objects / Recognition rectangles and coordinates / Satellite, map and surveillance viewpoints / Compression, omission and machine misclassification

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

564

Imágenes en la página de origen

Post-Internet Art

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

Post-Internet art treats the internet as an ordinary condition of life and production, turning the circulation between online images, objects, exhibitions and documentation into the work.

Network images converted into prints or objects / Screenshots, product images and 3D renders mixed / Installation views returning to social feeds / High-resolution and compressed imagery on the same surface

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

565

Imágenes en la página de origen

Retrofuturism

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

Retrofuturism revisits futures imagined in the past through their vehicles, materials, advertising and cosmic visions, preserving both their hope and their blind spots.

Streamlined vehicles and monumental cities / Analog gauges, chrome and vacuum tubes / Space-age advertising type and diagrams / Faded print beside luminous future imagery

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

566

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

PatternFly

PatternFly / 2012– / Estilo / Lenguajes de pantalla

Red Hat's open-source screen language for enterprise products keeps complex infrastructure manageable through dense navigation, data views and tightly controlled status color.

Dark masthead and left navigation / Dense tables and forms on white or pale-gray work surfaces / Blue for primary action and red, orange or green for status / List, detail and action shown in coordinated panes

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

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 builds a consistently beautiful, immediately understandable desktop from concise language, single-purpose windows, distinctive app icons and restrained depth.

A few primary actions in the top toolbar / Short copy built from concrete verbs / Multicolor app icons with distinctive silhouettes and a dark one-pixel outline / White work surfaces, pale chrome and blue suggested actions

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

568

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

GitLab Pajamas

GitLab Pajamas / 2018– / Estilo / Lenguajes de pantalla

GitLab's screen language connects code, issues, review, CI/CD and security inside one DevSecOps product through GitLab Sans and Mono, persistent navigation, dense lists and a purple-inflected neutral palette.

GitLab Sans paired with GitLab Mono for code / Layered structure built from left navigation and application chrome / Dense issue, merge-request and pipeline lists / White or charcoal surfaces with purple as brand focus

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

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

Introduced with Firefox Quantum, Photon unified desktop and mobile around a fast, recognisable Firefox language of compact browser chrome, vivid color, light icons and motion that stays behind the web content.

Compact browser chrome and squared-off tabs / Vivid blue, purple and orange on white or deep navy / Thin simplified line icons / Brief transitions and unmistakable selection or focus

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

570

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

Ubuntu Yaru

Ubuntu Yaru / 2018– / Estilo / Lenguajes de pantalla

Ubuntu's community-built default theme overlays Adwaita-based GTK and GNOME Shell with Ubuntu orange, dark header bars and Suru-derived icons, distributing windows, shell, icons, cursors and sound as one suite.

Light window body contrasted with a dark header bar / Ubuntu orange for selection and focus / Suru-derived icons based on circles, squares and vertical or horizontal oblongs / One-pixel icon edge, restrained gradient and lower shadow

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

571

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

Canonical Vanilla

Canonical Vanilla / 2013– / Estilo / Lenguajes de pantalla

Canonical's CSS-based screen language unifies Ubuntu, MAAS, Juju and related sites and applications through Ubuntu type, split grids, ruled sections and generous space, optimized for scanning long technical content.

Thin large headings paired with bold smaller headings in Ubuntu type / Asymmetric 25/75 and 50/50 splits / Fine rules above sections and generous vertical space / White surfaces, dark text and orange or aubergine focus

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

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

The Firefox 89 redesign made the browser brighter and calmer by streamlining toolbars and menus and adopting floating rounded tabs, lighter iconography, more spacing and a purple-inflected palette across desktop, iOS and Android.

A rounded active tab floating above the toolbar / Text-led menus with fewer redundant icons / Generous spacing and light linear iconography / Neutral browser chrome with purple and blue selection states

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

573

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

Pixel Sorting

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

Pixel Sorting selects image pixels by a brightness or hue threshold and reorders them within rows or columns, drawing long color streaks out of a still-recognisable source image. Kim Asendorf's released code enabled widespread reimplementation.

Long horizontal or vertical pixel streams leaving a figure or landscape / Only part of an outline flowing into bands / Unselected areas preserving the source image / Local color bands smoothly ordered by value or hue

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

574

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

DeepDream

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

Google's visualization technique repeatedly amplifies features learned by an image-recognition network, making eyes, animals and towers emerge excessively from clouds, rocks and leaves until misrecognition becomes a recursive hallucinatory surface.

Eyes and animal faces repeated across the frame / Swirling texture multiplying along source contours / Multi-scale repetition that reveals new figures when viewed closer / Saturated blue, yellow and violet rolling continuously

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

575

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

New Romantic

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

Born around London's Blitz club, New Romantic dress turned punk's black destruction into theatrical self-invention by mixing pirates, Regency dress, cabaret and futuristic materials. A look was built as a character for the night, not bought complete.

Frilled shirts, sashes and quotations of military or pirate dress / Whitened face, strong blush and asymmetric makeup / Large head silhouette built from hats, feathers and jewelry / Historic costume mixed with synthetics and futuristic shine

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

576

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

Acid House Fashion

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

Second Summer of Love warehouse raves put yellow smileys, fluorescent color and reflective material onto oversized tees and functional clothing made for hours of dancing, compressing community recognition into one simple face.

Black smiley on yellow / Oversized T-shirts, loose trousers and bucket hats / Fluorescent yellow, orange and green against black / Repeated reflective material, sports fabric and pin badges

design.md ／ prompt de imagen

ChatGPT ／ Claude ／ Google AI

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

Volver arriba