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.

Termes	776

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.

EssayerBauhaus un site de recrutement premium une app financière fiable

Rechercher Type Famille Effet Tri 24/776 affichées

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– / Style / Histoire de la mode

L'échange par lequel mobilité, protection et nouveaux matériaux du sport entrent dans le vêtement quotidien tandis que les formes de mode retournent vers la tenue sportive. De la jupe divisée au stretch, au nylon et au néoprène, le mouvement fonctionnel a façonné le casual moderne.

Aisance et élasticité préservant le mouvement / Réglages par zips, bords-côtes et cordons / Couleurs d'équipe, numéros et bandes comme signes d'identité / Textiles fonctionnels dont nylon, élasthanne et néoprène

design.md prompt d’image

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– / Style / Langages d'écran

Le système d'IBM pour les produits d'entreprise riches en données associe une grille stricte, la police IBM Plex et des composants compacts afin que les tâches complexes restent lisibles.

IBM Plex et forte hiérarchie typographique / Plans de travail blancs ou gris profond / Tableaux denses, filtres et navigation latérale / Bleu réservé à l'action et au focus

design.md prompt d’image

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– / Style / Langages d'écran

Le langage d'interface de Salesforce pour le travail centré sur les fiches organise objets, actions et états en modèles d'espace de travail répétables.

En-têtes d'objet aux métadonnées compactes / Onglets, cartes et chronologies d'activité / Bleu nuage et couleurs d'état sémantiques / Formulaires denses et tableaux de fiches

design.md prompt d’image

556

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

SAP Fiori

SAP Fiori / 2013– / Style / Langages d'écran

Le langage de conception par rôle de SAP réduit les processus d'entreprise à l'information et aux actions nécessaires à chaque personne, puis les maintient cohérents sur tous les appareils.

Tuiles de launchpad organisées par rôle / Barre de shell et pages d'objet / Tableaux compacts et états sémantiques / Bleu calme sur des surfaces de travail pâles

design.md prompt d’image

557

U.S. Web Design System — Page d'accueil de USA.gov, 2023 — Wikimedia Commons / Public domain

U.S. Web Design System

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

Un système partagé pour des services web fédéraux américains accessibles, adaptés au mobile et dignes de confiance, construit à partir de modèles de service public éprouvés.

Blanc, bleu marine et rouge fédéral contenu / Grands titres simples et corps de texte lisible / Bannière signalant le site officiel / Formulaires, alertes et indicateurs d'étapes clairs

design.md prompt d’image

558

NHS Design System — NHS.UK frontend — official error-summary component snapshot — Copyright (c) 2019 NHS England / MIT

NHS Design System

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

Le système du NHS rend l'information et les services de santé urgents calmes, directs et cohérents grâce à un langage simple, des états de focus forts et des modèles cliniques testés.

Bleu NHS et blancs généreux / Grands titres et courts paragraphes / Encadrés pour alertes et conseils de soins / Focus visible et formulaires simples

design.md prompt d’image

559

BBC Global Experience Language — interprétation générée par IA — Interprétation par IA, pas une référence

BBC Global Experience Language

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

Le langage d'expérience global de la BBC unifie actualité, vidéo, audio et produits jeunesse par une hiérarchie lisible, des contrôles médias accessibles et des composants éditoriaux réutilisables.

En-tête noir au-dessus d'un contenu blanc / Titres courts et gras / Cartes d'actualité aux ratios d'image constants / Focus, sous-titres et commandes de lecture très visibles

design.md prompt d’image

560

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

Mozilla Protocol

Mozilla Protocol / 2017– / Style / Langages d'écran

Le système web flexible de Mozilla privilégie le contenu et l'accessibilité mondiale plutôt que la décoration, tout en gardant la personnalité vive du web ouvert.

Grands titres noirs et blancs généreux / Larges champs de couleur vive / Billboards et cartes flexibles / Texte bref et appels à l'action explicites

design.md prompt d’image

561

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

Elastic UI

Elastic UI / 2017– / Style / Langages d'écran

Le système d'interface d'Elastic est conçu pour rechercher, filtrer et diagnostiquer de grands ensembles de données sans perdre la densité opérationnelle.

En-tête fixe et navigation à gauche / Commandes persistantes de requête, filtre et temps / Tableaux et séries temporelles dans des panneaux communs / Couleurs vives réservées aux données

design.md prompt d’image

562

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

Material You

Material You / 2021– / Style / Google UI

Material You fait de l'adaptabilité une constante : couleurs dynamiques, formes généreuses et mouvement personnalisé varient selon la personne tandis que les rôles sémantiques restent stables.

Couleurs harmonisées dérivées du fond d'écran / Grandes cartes et commandes arrondies / La sélection change à la fois couleur et forme / Espacement large et grande typographie d'affichage

design.md prompt d’image

563

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

The New Aesthetic

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

La New Aesthetic de James Bridle nomme la manière dont la vision machine et l'imagerie en réseau se déversent dans la culture physique par les pixels, vues satellite, cadres de détection et erreurs de capteurs.

Pixels agrandis sur des objets physiques / Rectangles de reconnaissance et coordonnées / Points de vue satellite, cartographique et de surveillance / Compression, omission et mauvaise classification par la machine

design.md prompt d’image

564

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

Post-Internet Art

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

L'art post-internet traite internet comme une condition ordinaire de la vie et de la production, et fait de la circulation entre images en ligne, objets, expositions et documentation la matière de l'œuvre.

Images de réseau converties en tirages ou objets / Captures d'écran, images de produits et rendus 3D mêlés / Vues d'installation retournant vers les fils sociaux / Images haute résolution et compressées sur une même surface

design.md prompt d’image

565

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

Retrofuturism

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

Le rétrofuturisme revisite les futurs imaginés autrefois par leurs véhicules, matériaux, publicités et visions cosmiques, en conservant à la fois leurs espoirs et leurs angles morts.

Véhicules profilés et villes monumentales / Jauges analogiques, chrome et tubes à vide / Typographie publicitaire et schémas de l'ère spatiale / Impression passée près d'une imagerie future lumineuse

design.md prompt d’image

566

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

PatternFly

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

Le langage d'écran open source de Red Hat pour les produits d'entreprise rend les infrastructures complexes gérables par une navigation dense, des vues de données et une couleur d'état strictement maîtrisée.

Bandeau sombre et navigation à gauche / Tableaux et formulaires denses sur blanc ou gris pâle / Bleu pour l'action principale et rouge, orange ou vert pour l'état / Liste, détail et action dans des panneaux coordonnés

design.md prompt d’image

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 construit un bureau cohérent, beau et immédiatement compréhensible grâce à un langage concis, des fenêtres dédiées à une seule tâche, des icônes distinctives et une profondeur retenue.

Quelques actions principales dans la barre supérieure / Texte bref fait de verbes concrets / Icônes multicolores à silhouette distinctive et contour sombre d'un pixel / Surfaces blanches, chrome pâle et actions suggérées en bleu

design.md prompt d’image

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

Le langage d'écran de GitLab relie code, tickets, revue, CI/CD et sécurité dans un produit DevSecOps unique grâce à GitLab Sans et Mono, une navigation persistante, des listes denses et une palette neutre teintée de violet.

GitLab Sans associé à GitLab Mono pour le code / Structure en couches par navigation gauche et chrome applicatif / Listes denses de tickets, merge requests et pipelines / Surfaces blanches ou charbon avec le violet comme focus de marque

design.md prompt d’image

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

Lancé avec Firefox Quantum, Photon a unifié ordinateur et mobile autour d'un langage Firefox rapide et reconnaissable : chrome compact, couleurs vives, icônes légères et mouvement restant derrière le contenu web.

Chrome de navigateur compact et onglets aux angles nets / Bleu, violet et orange vifs sur blanc ou bleu nuit / Icônes linéaires fines et simplifiées / Transitions brèves et sélection ou focus sans ambiguïté

design.md prompt d’image

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

Le thème par défaut d'Ubuntu, construit par la communauté, superpose aux bases Adwaita de GTK et GNOME Shell l'orange Ubuntu, des barres d'en-tête sombres et des icônes issues de Suru, distribuant fenêtres, shell, icônes, curseurs et sons comme une suite.

Corps de fenêtre clair face à une barre d'en-tête sombre / Orange Ubuntu pour sélection et focus / Icônes issues de Suru fondées sur cercles, carrés et oblongs / Contour d'un pixel, dégradé retenu et ombre inférieure

design.md prompt d’image

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

Le langage d'écran CSS de Canonical unifie Ubuntu, MAAS, Juju et leurs sites et applications par la police Ubuntu, des grilles divisées, des sections réglées et de grands espaces, optimisés pour parcourir de longs contenus techniques.

Grands titres fins et sous-titres plus petits en gras dans Ubuntu / Partages asymétriques 25/75 et 50/50 / Filets fins au-dessus des sections et grand espace vertical / Surfaces blanches, texte sombre et focus orange ou aubergine

design.md prompt d’image

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

La refonte de Firefox 89 a rendu le navigateur plus lumineux et calme en simplifiant barres et menus et en adoptant des onglets arrondis flottants, des icônes plus légères, davantage d'espace et une palette teintée de violet sur ordinateur, iOS et Android.

Onglet actif arrondi flottant au-dessus de la barre d'outils / Menus guidés par le texte avec moins d'icônes redondantes / Espacement généreux et icônes linéaires légères / Chrome neutre avec états de sélection violets et bleus

design.md prompt d’image

573

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

Pixel Sorting

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

Le Pixel Sorting sélectionne les pixels selon un seuil de luminosité ou de teinte puis les réordonne dans les lignes ou colonnes, tirant de longues traînées colorées d'une image source encore reconnaissable. Le code publié par Kim Asendorf a permis sa large réutilisation.

Longs flux horizontaux ou verticaux sortant d'une figure ou d'un paysage / Une partie seulement du contour s'écoule en bandes / Les zones non sélectionnées conservent l'image source / Bandes locales ordonnées doucement par valeur ou teinte

design.md prompt d’image

574

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

DeepDream

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

La technique de visualisation de Google amplifie sans cesse les traits appris par un réseau de reconnaissance, faisant émerger yeux, animaux et tours des nuages, rochers et feuilles jusqu'à transformer l'erreur en surface hallucinatoire récursive.

Yeux et visages animaux répétés dans tout le cadre / Texture tourbillonnante multipliée le long des contours sources / Répétition multi-échelle révélant de nouvelles figures de près / Bleus, jaunes et violets saturés roulant sans rupture

design.md prompt d’image

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 / Style / Styles subculturels

Né autour du club Blitz à Londres, le vêtement New Romantic a changé la destruction noire du punk en invention théâtrale de soi, mêlant pirates, costume Regency, cabaret et matières futuristes. Le look se construisait comme personnage d'une nuit, non comme tenue achetée entière.

Chemises à volants, écharpes et citations militaires ou pirates / Visage blanchi, fard fort et maquillage asymétrique / Grande silhouette de tête faite de chapeaux, plumes et bijoux / Costume historique mêlé aux synthétiques et à l'éclat futuriste

design.md prompt d’image

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

Les raves en entrepôt du Second Summer of Love ont placé smiley jaune, couleur fluorescente et matière réfléchissante sur des tee-shirts surdimensionnés et des vêtements fonctionnels conçus pour danser des heures, condensant la reconnaissance du groupe dans un seul visage.

Smiley noir sur jaune / Tee-shirts surdimensionnés, pantalons amples et bob / Jaune, orange et vert fluorescents contre noir / Matière réfléchissante, tissu de sport et badges répétés

design.md prompt d’image

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

Les images de référence sont toujours des œuvres réelles : photographies et reproductions conservées par des musées, des bibliothèques et des archives, ou documents officiels. Nous ne les créons ni ne les retouchons jamais.
Lorsqu’aucune image de référence légale, lisible et suffisamment représentative ne peut être affichée, l’entrée peut ajouter une ou plusieurs interprétations générées par IA. Elles sont toujours signalées comme telles et n’entrent jamais dans la galerie de référence, l’image de partage ni les preuves de source. 151 entrées sur 776 en portent aujourd’hui.
Chaque entrée nomme la source d’où elle a été relevée et y renvoie ; chaque URL est vérifiée à l’ajout puis lors des relectures.
Styles, techniques et esthétiques d’internet sont classés, jamais confondus.
Les entrées liées se parcourent dans les deux sens.
Pour les droits d’image, voir Citations et images de référence.

Revenir en haut