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	738

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/202 affichées

543

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

GitHub Primer

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

Le système de design de GitHub transforme les flux de développement denses en règles communes de couleur, de typographie, d'icônes, d'espacement et de composants. Il privilégie l'avancement du travail plutôt que l'ornement et maintient de nombreux états et actions dans peu d'espace sans renoncer à l'accessibilité ni à l'adaptation aux écrans.

Des surfaces neutres, des liens bleus et des couleurs d'état retenues / Des Octicons accompagnés de libellés d'action courts / De fins filets séparant listes, onglets et barres latérales / Des degrés constants de typographie et d'espacement même à forte densité

design.md prompt d’image

544

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

Adobe Spectrum

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

Le système de design transversal d'Adobe. Suivant les principes Rationnel, Humain et Ciblé, il fait varier la densité entre ordinateur et mobile tout en empêchant les interfaces riches en outils de détourner l'attention de l'œuvre.

Des surfaces neutres, la couleur vive réservée à la sélection / Icônes, typographie et bordures changeant d'échelle ensemble / Barres d'outils et panneaux de propriétés reliés par de fines séparations / Le travail créatif reste plus présent que l'interface

design.md prompt d’image

545

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

Atlassian Design System

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

Un système qui traduit la complexité de Jira et Confluence en jetons, règles éditoriales, espacements, grilles et composants partagés. La cohérence inspire confiance tout en gardant navigables de grands ensembles de tickets, de documents et d'états.

Des couches blanches et gris pâle avec des actions principales bleues / Des cartes arrondies et des libellés d'état en forme de pastille / Des divisions nettes entre barre latérale, tableau et panneau de détail / Couleur, espacement, rayon et élévation pilotés par des jetons

design.md prompt d’image

546

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

Ant Design

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

Un système de design qui maintient les applications web d'entreprise à faible entropie grâce à des composants et des modèles de page réutilisables. Ses valeurs — Naturel, Certain, Significatif et Évolutif — systématisent tableaux, formulaires, hiérarchie et états sans réduire la densité d'information.

Des tableaux denses composés en petit corps et filets fins / Des actions principales bleues avec des couleurs sémantiques explicites / Des formulaires, paginations, arborescences et tableaux cohérents / Une lisibilité obtenue par l'alignement et la répétition, non par un espace généreux

design.md prompt d’image

547

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

Shopify Polaris

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

Le cadre d'interface de Shopify donne aux produits, commandes, paiements et clients un même langage commercial. Cartes et sections séparent les décisions, tandis que des états et des actions formulés brièvement aident le marchand à faire avancer sa boutique.

Des cartes blanches empilées sur un fond pâle / Le vert utilisé comme signal de réussite ou de progression / Titre, état et action principale réunis en haut de page / Des badges compacts pour les états des produits, commandes et paiements

design.md prompt d’image

548

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

Black Dandyism

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

Une lignée qui emploie la coupe et le maintien pour se façonner soi-même et répondre au regard racialisé. Elle ne correspond pas à un seul degré d'ornement : elle connaît les codes, en déplace les détails et porte à la fois dignité, résistance et identité.

Une coupe précise ajustée au corps / Une ligne complète du chapeau et du col jusqu'à la cravate et à la chaussure / Couleur, motif ou geste déplaçant les codes du vestiaire masculin classique / Une présentation de soi assurée et frontale

design.md prompt d’image

549

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

Power Dressing

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

Une façon de s'habiller qui rend visible l'autorité professionnelle. Dans les années 1980, le costume strict aux épaules larges devint un signe d'ascension pour les femmes comme pour les hommes, élargissant et durcissant la silhouette tout en portant la pression de la conformité.

Des vestes rembourrées qui élargissent les épaules / Une taille ajustée et une silhouette en triangle inversé / Du drap peigné sombre et des rayures craie / Costume, chemise, cravate ou escarpins coordonnés

design.md prompt d’image

554

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

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 — interprétation générée par IA — Interprétation par IA, pas une référence

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 — interprétation générée par IA — Interprétation par IA, pas une référence

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

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

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

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

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

580

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

CDE Interface

CDEインターフェース / 1993–2000s / Style / Langages d'écran

Le Common Desktop Environment a unifié les stations UNIX par des biseaux issus de Motif, un Front Panel permanent, le changement d'espace de travail et des icônes peu colorées, donnant à des matériels différents l'allure d'un même bureau.

Front Panel en boîte le long du bord inférieur / Boutons saillants et champs creux formés de doubles bords clairs et sombres / Icônes pixel peu colorées aux contours sombres / Boutons permanents pour changer d'espace de travail

design.md prompt d’image

582

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

GNOME Clearlooks

GNOME Clearlooks / 2005–2011 / Style / Langages d'écran

Le thème standard de GNOME 2.12 a rendu les applications GTK aimables et simples par des fenêtres gris pâle, une sélection bleue, une brillance discrète et des limites fermes.

Surfaces gris pâle et barres de sélection bleues / Reflet calme limité au sommet des boutons / Onglets et champs aux arrondis retenus / Petites icônes GNOME et hiérarchie concise à deux niveaux

design.md prompt d’image

598

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

Biker Style

バイカー・スタイル / 1920s– / Style / Styles subculturels

Une veste de moto protectrice est devenue un langage de rébellion et d'appartenance grâce aux clubs de moto, au cinéma, au rock et au punk ; la fermeture éclair asymétrique, les cols larges, la ceinture, le matériel et le cuir noir usé conservent à la fois la fonction et le symbole.

Fermeture éclair asymétrique traversant l'avant / Contour net des cols larges, des épaulettes et de la ceinture / Cuir noir épais et matériel argenté / Patchs arrière, boutons et usure personnelle

design.md prompt d’image

599

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

Palm OS Interface

Palm OSインターフェース / 1996–2009 / Style / Langages d'écran

Palm OS a transformé un petit écran monochrome, un stylet et des limites de mémoire strictes en un outil de travail de poche cohérent grâce au titre, au menu Catégorie, à la barre de commande, aux boutons matériels et à la zone d'écriture Graffiti.

Un écran monochrome à basse résolution d'environ 160 x 160 / Titre dans le coin supérieur gauche et catégorie pop-up dans le coin supérieur droit / Une barre de commande s'étendant du bord inférieur et quatre boutons d'application / Icônes, règles et zone d'entrée Graffiti à un bit

design.md prompt d’image

600

OS/2 Workplace Shell — interprétation générée par IA — Interprétation par IA, pas une référence

OS/2 Workplace Shell

OS/2 Workplace Shell / 1992–2001 / Style / Langages d'écran

Les dossiers, imprimantes, disques et paramètres traités avec OS/2 étaient considérés comme des objets opérationnels plutôt que des icônes isolées. Les bordures dimensionnelles, les icônes ombragées, les paramètres de la prise de notes et le glisser-déposer direct ont transformé toute la surface de travail en un environnement orienté objet.

Surfaces grises claires avec des bords dimensionnels doubles (clair et foncé) / Icônes d'objets à faible couleur dessinées depuis une vue oblique / Paramètres de la prise de notes avec des onglets empilés / Glisser-déposer direct entre les dossiers, le destructeur et les disques

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. 221 entrées sur 738 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