IndexStyle

Un dictionnaire des styles du design, écrit à partir des œuvres elles-mêmes.

C'est du HTML nu. Il s'ouvre dans n'importe quel navigateur et sur n'importe quel appareil, sans application ni compte, et les machines lisent la même page.

Termes598

Dictionnaire

Cherchez un style ou décrivez ce que vous voulez créer. Les noms passent en premier ; l’usage, l’effet et le support ajoutent des alternatives.

EssayerBauhausun site de recrutement premiumune app financière fiable

48/598 affichées

529

Gustavian Style — Château de Sturehov, la salle verte, 1781 — Wikimedia Commons / CC BY-SA 4.0Gustavian Style — Manufacture de Marieberg, poêle en faïence, années 1780, château de Sturehov, la salle jaune — Wikimedia Commons / CC BY-SA 4.0Gustavian Style — Attribué à Jonas Hultsten, commode de style gustavien, vers 1773–1797 — Wikimedia Commons / CC BY 3.0

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / Style / Mobilier et intérieurs

Néoclassicisme suédois tel qu'il se forme sous Gustave III. Son modèle est le classicisme formel du style Louis XVI, et le roi se rend à Versailles puis fait venir des artisans français à sa cour. Les matériaux coûteux sont toutefois remplacés par du verre de production nationale.

Un contour néoclassique retenu, copié directement des formes du style Louis XVI. / Les pendeloques de cristal de roche cèdent la place à de petites perles de verre incolore. / Un peu de verre bleu cobalt s'introduit parmi le verre incolore. / Les montures et les chaînes dorées restent visibles comme l'ossature qui relie le verre.

design.md ／ prompt d’image

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– / Style / Mobilier et intérieurs

C'est la manière commune d'un collectif de concepteurs néerlandais formé dans les années 1990, et droog veut dire sec en néerlandais. Des choses familières, un tiroir de récupération ou un nœud, restent la structure de l'objet au lieu d'être cachées par la finition. En faisant de la simplicité et de l'esprit un type partagé, le groupe s'est séparé du design industriel lisse de la même époque.

Des pièces toutes faites d'origines différentes sont liées en un seul meuble sans accorder ni leur couleur ni leur usure / Sangles et cordes qui semblent des fixations provisoires demeurent la structure définitive / Le travail du matériau reste en surface, nœuds et joints laissés sans ponçage / Comme les pièces changent à chaque fois, deux exemplaires d'un même dessin ne se ressemblent jamais

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

531

Machine Art — interprétation générée par IA
Interprétation par IA, pas une référence

Machine Art

マシン・アート / 1934 / Style / Mouvements du design moderne

C'est le titre d'une exposition ouverte en 1934 par le Museum of Modern Art à New York. Ressorts, casseroles et instruments de mesure, tous produits en série et tous utilitaires, furent posés sur des socles et traités comme des sculptures. Les salles furent aménagées en masquant les moulures de l'immeuble de grès du dix-neuvième siècle, car montrer des objets sans ornement dans un lieu sans ornement était la condition même de l'accrochage.

Sur chaque socle, une seule pièce industrielle utilitaire, posée à distance des autres / Les moulures des murs et des plafonds sont recouvertes et le fond ne garde aucun motif / Les objets sont des ressorts, des casseroles, des instruments, des choses jamais faites pour être regardées / À la place de l'auteur figurent des noms de fabricants et non de personnes

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

532

Xerox Star Interface — Bureau et icônes du Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC BY 2.0Xerox Star Interface — Fenêtre de document multilingue du Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC0Xerox Star Interface — Écran de document composite du Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC0

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / Style / Langages d'écran

Le langage d'écran fixé par le Xerox 8010 de 1981. Dossiers, corbeilles d'arrivée et de départ, tiroirs de classement et autres fournitures de bureau apparaissent en figures munies d'un libellé, et la brochure de l'époque appelait cela un bureau électronique. Les objets à l'écran se déplacent, se copient et se jettent librement à la souris.

Chaque figure à l'écran porte un libellé, si bien que le sens ne repose jamais sur la seule image / Les figures représentent des objets d'un bureau, dossiers, corbeilles d'arrivée et de départ, tiroirs de classement / On saisit les objets avec la souris, et déplacer, copier et supprimer forment une même famille de gestes / Le tableur se présente en grille de lignes et de colonnes, les commandes qui agissent dessus étant réunies dans des menus

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

533

PLATO Terminal Screen — Écran à plasma d'un terminal PLATO V, 1981 — Wikimedia Commons / CC BY 3.0PLATO Terminal Screen — Écran PLATO d'une simulation de distillation fractionnée — Wikimedia Commons / CC BY-SA 3.0 US

PLATO Terminal Screen

PLATO端末の画面 / 1972–1980s / Style / Langages d'écran

L'écran de PLATO, le réseau d'enseignement lancé par l'université de l'Illinois au début des années 1960. Sur un panneau plat au plasma sensible au toucher, les instructions de TUTOR posent texte et dessin par coordonnées, si bien que rien n'avance ligne à ligne comme dans un document. Les écrans d'affichage et de conversation ont pris ici leur forme.

Sur un plan noir, textes et traits sortent dans un seul orange lumineux / Les caractères ne suivent pas le fil des lignes mais des coordonnées, et s'invitent au milieu d'un dessin / Texte et tracé partagent le même plan, sans cadre pour séparer les zones / Certaines questions se répondent en touchant l'écran du doigt

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

534

Breeze — Breeze sous KDE Plasma 6 (Debian Trixie) — Wikimedia Commons / CC0Breeze — Breeze sous KDE Plasma 5, palette claire (Kubuntu 20.10), 2020 — Wikimedia Commons / CC BY 4.0Breeze — Breeze sous KDE Plasma 5, menu de démarrage en palette sombre (Kubuntu 21.04), 2021 — Wikimedia Commons / CC BY-SA 4.0

Breeze

ブリーズ / 2014– / Style / Langages d'écran

Le style visuel par défaut que KDE a introduit avec Plasma 5. L'annonce le décrit elle-même comme un thème plat et très contrasté, et les figures y sont simplifiées et rapprochées du monochrome. Au lieu d'ornement, la composition typographique sert à distinguer les éléments, et une version claire et une version sombre sont livrées en paire dès le départ.

Des surfaces planes sans modelé, où la limite entre éléments tient au seul écart de couleur et de contraste / Icônes et figures ramenées vers le monochrome, avec un nombre de couleurs restreint / Le contraste entre titre et texte remplace l'ornement, et la composition typographique porte l'écran / Les mêmes figures existent en version claire et en version sombre, appariées

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

535

Acme — Écran d'acme sous Plan 9 from Bell Labs — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / Style / Langages d'écran

L'écran que Rob Pike a exposé dans un article de 1994, où système de fenêtres, interpréteur de commandes et éditeur ne font qu'un. Il n'a ni menu ni icône, et n'importe quelle chaîne à l'écran s'exécute avec le bouton du milieu et s'ouvre avec le bouton droit. Les fenêtres s'empilent en colonnes et se réduisent à deux parties, une étiquette d'une ligne et un corps.

Les fenêtres s'empilent en colonnes, et chacune se réduit à une étiquette d'une ligne au-dessus d'un corps / La barre de défilement se tient au bord gauche du corps, et rien ne se trouve à droite / Balayer une chaîne avec le bouton du milieu la souligne seulement tant que le bouton reste enfoncé / Le corps est jaune pâle et l'étiquette bleu pâle, et il n'y a pas un bouton ni une icône à cliquer

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

536

Oberon System Interface — Écran d'Oberon-0, lignes d'étiquette et surface entièrement pavée — Wikimedia Commons / CC BY-SA 4.0Oberon System Interface — Écran d'Oberon V4, pavage en deux colonnes — Wikimedia Commons / CC BY-SA 4.0Oberon System Interface — Tablette affichant PC Native Oberon — Wikimedia Commons / CC BY-SA 4.0

Oberon System Interface

オベロン・システムの画面 / 1988– / Mise en page / Langages d'écran

L'écran du système que Wirth et Gutknecht ont construit à l'ETH entre 1986 et 1989. Les fenêtres ne se recouvrent jamais, l'écran est d'abord découpé en bandes verticales que l'on remplit de haut en bas. N'importe quel texte de l'écran ayant la forme M.P s'exécute au bouton du milieu, si bien que le système n'a pas de composant dédié appelé menu.

Rien ne se recouvre, l'écran est d'abord coupé en bandes verticales, puis rempli de haut en bas à l'intérieur de chaque bande / Une bande étroite à droite porte le journal en haut et un texte de commandes en bas, la large bande de travail restant à gauche / Chaque visionneuse porte en haut un cadre d'une ligne où le nom du document et des commandes comme System.Close sont écrits en clair / Un bit par pixel, noir sur blanc, des cadres au trait fin, sans ombre, sans arrondi et sans gris

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

537

Ribbon — Ruban de style Office 2007 et onglets contextuels — 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– / Mise en page / Microsoft UI

C'est un bandeau de commandes qui les range en une série d'onglets en haut de la fenêtre et remplace à la fois la barre de menus et les barres d'outils. Introduit avec Office 2007, il a reçu de Microsoft un vocabulaire officiel, onglets, groupes, onglets contextuels et galeries. Chaque commande porte un libellé et sa taille dépend de la fréquence d'usage.

Un bandeau à onglets occupe en permanence le haut de la fenêtre, sur une hauteur fixée à 48 pixels / Le bandeau est découpé en groupes nommés, le nom de chaque groupe courant le long de son bord inférieur / Les icônes de commande existent en deux tailles, 32 par 32 et 16 par 16, et seules les commandes fréquentes prennent la grande et ouvrent le groupe / Des onglets contextuels colorés apparaissent selon le type d'objet sélectionné, et le nom de cet ensemble d'onglets se termine par Tools

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

538

Solarized — Xcode 4 avec Solarized Light appliqué, 2011 — Wikimedia Commons / CC BY 2.0Solarized — gedit avec Solarized Dark appliqué — Wikimedia Commons / CC0Solarized — Page d'article de Wikipédia avec Solarized Dark appliqué, 2021 — Wikimedia Commons / CC BY-SA 4.0

Solarized

ソラライズド / 2011– / Style / Styles d'interface

Seize couleurs pour terminal et éditeur qu'Ethan Schoonover a publiées avec toutes leurs valeurs. Elles se composent de huit tons de fond et de huit accents, et les écarts de clarté CIELAB entre les tons de fond sont symétriques, si bien que passer du fond clair au fond sombre ne change pas le régime de lecture. L'écart de luminosité est abaissé et ce sont les écarts de teinte qui distinguent les mots.

Les fonds ne sont ni noir pur ni blanc pur, l'un tire vers le bleu vert, l'autre vers la crème / L'écart de clarté entre le texte et le fond reste faible, plus doux que du noir sur blanc / Les huit accents ont une clarté presque égale et ne se distinguent que par la teinte / En passant du fond sombre au fond clair, le même accent revient avec le même rôle

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

539

Skeleton Screen — interprétation générée par IA
Interprétation par IA, pas une référence

Skeleton Screen

スケルトン・スクリーン / 2013– / Technique / Styles d'interface

Un traitement du chargement qui renonce à l'indicateur rotatif et montre d'abord l'écran vide, puis y verse l'information peu à peu. Luke Wroblewski l'a présenté sous ce nom en 2013, en tirant les leçons de sa propre application Polar. Il montre que quelque chose avance, plutôt que le fait de faire attendre.

Pendant le chargement, ni indicateur rotatif ni barre de progression / Là où viendront textes et images se trouvent déjà des plages unies à la dimension qu'ils occuperont / La mise en page est arrêtée avant l'arrivée des données, et rien ne bouge quand elles arrivent / L'information ne surgit pas d'un coup, chaque zone se remplit à son tour

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

540

Stamen Map Styles (Toner, Terrain, Watercolor) — Carte utilisant les tuiles Watercolor de Stamen Design, 2022 — Wikimedia Commons / CC BY-SA 4.0Stamen Map Styles (Toner, Terrain, Watercolor) — Carte utilisant les tuiles Terrain de Stamen Design, 2016 — Wikimedia Commons / CC BY 3.0Stamen Map Styles (Toner, Terrain, Watercolor) — Carte utilisant les tuiles en noir et blanc de Stamen Design (uMap), 2023 — Wikimedia Commons / CC BY-SA 2.5

Stamen Map Styles (Toner, Terrain, Watercolor)

スタメンの地図様式 / 2010s– / Style / Design d'information

Trois styles de carte nommés que Stamen Design a publiés, Toner en noir et blanc à deux valeurs, Terrain fait d'ombrage du relief et de couleurs de végétation, Watercolor fait de lavis qui se fondent dans le grain du papier. Ce qui les distingue des cartes en ligne antérieures, c'est que l'aspect du fond de carte se choisit comme une manière de peindre et non comme un réglage de couleurs.

Toner est dessiné en noir et blanc seulement, sans aucun gris intermédiaire / Dans Watercolor, la limite entre mer et terre se fond comme le bord d'un pinceau, et le grain du papier reste visible quand on agrandit / L'eau de Watercolor mêle des bleus au turquoise et au violet, et les routes vont de l'orange au brun rouge / Libellés, traits et fond forment des couches séparées, et un jeu de tuiles se diffuse en laissant de côté celles dont on n'a pas besoin

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

541

Single-Serving Site — interprétation générée par IA
Interprétation par IA, pas une référence

Single-Serving Site

シングルサービング・サイト / 2008– / Mise en page / Lecture sur le web

Un site qui occupe un domaine à lui seul et ne fait qu'une chose sur une seule page. Jason Kottke lui a donné son nom en février 2008, et près de quatre cents lecteurs ont envoyé des exemples, ce qui a fixé la forme. Aucune navigation, aucun parcours, la réponse à la question remplit l'écran et tout s'arrête là.

Le nom de domaine est la question, et la page ne contient que la réponse en un mot / Ni titre ni paragraphe, un mot ou une image occupe le centre de l'écran / Ni menu, ni recherche, ni liens de pied de page, nulle part où aller ensuite / Les titres se répondent souvent par oui ou par non, comme Is It Christmas? ou Is Twitter Down?

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

542

ADV / NVL Text Layout — Écran de type NVL de l'édition coréenne de Higurashi When They Cry — Wikimedia Commons / Public domainADV / NVL Text Layout — Écran de type ADV de Cameliagirls, 2011 — Wikimedia Commons / CC BY-SA 3.0

ADV / NVL Text Layout

ADV／NVL（ノベルゲームの文字組み） / 1990s– / Mise en page / Jeux et cartes

Le roman visuel possède deux mises en texte nommées, dont le mode ADV fait sortir dialogue et narration une ligne à la fois dans une fenêtre en bas de l'écran. Le mode NVL empile plusieurs lignes dans une fenêtre qui occupe tout l'écran et change de page à chaque coupure. La documentation officielle de l'outil Ren'Py définit les deux comme un couple.

En mode ADV, une fenêtre large reste en bas de l'écran et n'affiche qu'une ligne à la fois / En mode NVL, le texte s'étend sur tout l'écran et les lignes déjà lues s'empilent vers le haut / En NVL, le changement de page efface d'un coup la pile, et la page suivante commence vide / Les choix apparaissent différemment selon la forme, et en NVL ils se rangent juste après le texte en cours plutôt que dans un menu plein écran

design.md ／ prompt d’image

ChatGPT ／ Claude ／ Google AI

543

Images sur la page d’origine

GitHub Primer

GitHub Primer / 2017– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

544

Images sur la page d’origine

Adobe Spectrum

Adobe Spectrum / 2013– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

545

Images sur la page d’origine

Atlassian Design System

Atlassian Design System / 2012– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

546

Images sur la page d’origine

Ant Design

Ant Design / 2015– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

547

Images sur la page d’origine

Shopify Polaris

Shopify Polaris / 2017– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

548

Images sur la page d’origine

Black Dandyism

ブラック・ダンディズム / 18th century– / Style / Histoire de la mode

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 d’image

ChatGPT ／ Claude ／ Google AI

549

Images sur la page d’origine

Power Dressing

パワー・ドレッシング / 1970s–1980s / Style / Histoire de la mode

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 d’image

ChatGPT ／ Claude ／ Google AI

550

Images sur la page d’origine

Fashion Deconstruction

ファッションの脱構築 / 1980s– / Style / Histoire de la mode

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 d’image

ChatGPT ／ Claude ／ Google AI

551

Images sur la page d’origine

Camp Fashion

キャンプ・ファッション / 19th century– / Style / Histoire de la mode

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 d’image

ChatGPT ／ Claude ／ Google AI

552

Images sur la page d’origine

Mori Girl / Mori Kei

森ガール／森系 / 2007– / Style / 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 d’image

ChatGPT ／ Claude ／ Google AI

553

Images sur la page d’origine

Sportswear as Fashion

スポーツウェア・ファッション / late 19th century– / Style / Histoire de la mode

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 d’image

ChatGPT ／ Claude ／ Google AI

554

Images sur la page d’origine

Carbon Design System

Carbon Design System / 2015– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

555

Images sur la page d’origine

Salesforce Lightning Design System

Salesforce Lightning / 2015– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

557

U.S. Web Design System — Page d'accueil de USA.gov, 2023 — Wikimedia Commons / Public domainU.S. Web Design System — Vote.gov en bengali, 2026 — Wikimedia Commons / CC0U.S. Web Design System — Écran mobile de Login.gov, 2024 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / Style / Design public

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 d’image

ChatGPT ／ Claude ／ Google AI

558

Images sur la page d’origine

NHS Design System

NHSデザインシステム / 2016– / Style / Design public

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 d’image

ChatGPT ／ Claude ／ Google AI

559

Images sur la page d’origine

BBC Global Experience Language

BBC GEL / 2010– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

562

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0Material You — Google / Material Design, écran en mode clair 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– / Style / 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 d’image

ChatGPT ／ Claude ／ Google AI

563

Images sur la page d’origine

The New Aesthetic

ニュー・エステティック / 2011– / Imaginaire / 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 d’image

ChatGPT ／ Claude ／ Google AI

564

Images sur la page d’origine

Post-Internet Art

ポスト・インターネット・アート / 2000s– / Imaginaire / 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 d’image

ChatGPT ／ Claude ／ Google AI

565

Images sur la page d’origine

Retrofuturism

レトロフューチャリズム / 1970s– / Imaginaire / 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 d’image

ChatGPT ／ Claude ／ Google AI

566

PatternFly — interprétation générée par IA
Interprétation par IA, pas une référence

PatternFly

PatternFly / 2012– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

567

elementary OS — interprétation générée par IA
Interprétation par IA, pas une référence

elementary OS

elementary OS / 2011– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

568

GitLab Pajamas — interprétation générée par IA
Interprétation par IA, pas une référence

GitLab Pajamas

GitLab Pajamas / 2018– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

569

Firefox Photon — interprétation générée par IA
Interprétation par IA, pas une référence

Firefox Photon

Firefox Photon / 2017–2021 / legacy / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

570

Ubuntu Yaru — interprétation générée par IA
Interprétation par IA, pas une référence

Ubuntu Yaru

Ubuntu Yaru / 2018– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

571

Canonical Vanilla — interprétation générée par IA
Interprétation par IA, pas une référence

Canonical Vanilla

Canonical Vanilla / 2013– / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

572

Firefox Proton — interprétation générée par IA
Interprétation par IA, pas une référence

Firefox Proton

Firefox Proton / 2021–2026 / Style / Langages d'écran

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 d’image

ChatGPT ／ Claude ／ Google AI

573

Pixel Sorting — interprétation générée par IA
Interprétation par IA, pas une référence

Pixel Sorting

ピクセルソーティング / 2010– / Technique / Techniques d'image numérique

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 d’image

ChatGPT ／ Claude ／ Google AI

574

DeepDream — interprétation générée par IA
Interprétation par IA, pas une référence

DeepDream

ディープドリーム / 2015– / Technique / Art numérique

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 d’image

ChatGPT ／ Claude ／ Google AI

575

New Romantic — interprétation générée par IA
Interprétation par IA, pas une référence

New Romantic

ニュー・ロマンティック / 1979–1983 / Style / Styles subculturels

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 d’image

ChatGPT ／ Claude ／ Google AI

576

Acid House Fashion — interprétation générée par IA
Interprétation par IA, pas une référence

Acid House Fashion

アシッドハウス・ファッション / 1988–1991 / Style / Styles subculturels

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 d’image

ChatGPT ／ Claude ／ Google AI

Ligne éditoriale

IndexStyle ne rassemble pas tous les termes du design. Une entrée autonome doit décrire un langage visuel reconnaissable, reproductible et distinct de ses voisins. Critères éditoriaux

Revenir en haut