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.

Carbon Design System — IBM Carbon — UI-shell usage example from the archived official documentation — Carbon Design System contributors / Apache-2.0 — IBM Carbon — UI-shell usage example from the archived official documentation — Carbon Design System contributors / Apache-2.0 · Apache-2.0

Carbon Design System — IBM Carbon — annotated data-table anatomy from the archived official documentation — Carbon Design System contributors / Apache-2.0 — IBM Carbon — annotated data-table anatomy from the archived official documentation — Carbon Design System contributors / Apache-2.0 · Apache-2.0

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

En un coup d’œil

Signes visuels

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

Usages idéaux

Enterprise software with many states and permissions
Keeping analytics, operations and forms coherent across products

Utiliser ce style

Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.

design.md prompt d’image API JSON MCP et accès machine Composer

ouvrir dans ChatGPT ouvrir dans Claude ouvrir dans Google AI

Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations

Entrée du dictionnaire

Typographie: Use IBM Plex with compact labels and a clearly stepped hierarchy.
Composition: Anchor dense modules to a 2x grid and keep navigation, work and detail zones distinct.
Matière: Build with neutral layers, fine borders and blue only for interaction.
Précaution: Plex and blue do not make a product Carbon. Density, states and grid behavior must follow the same system.
Pour approfondir: Carbon 2x grid / IBM Plex / Component status and accessibility

Entrées liées

GitHub Primer (GitHub Primer)Même famille : Langages d'écran.Comparer Carbon Design System et GitHub Primer
Swiss (スイス・スタイル)Effets partagés : Trust / Calm.Comparer Carbon Design System et Swiss

Plus de Langages d'écran

Poursuivez avec des styles de Langages d'écran, classés par effets communs.

Adwaita (アドワイタ)Effets partagés : Technique / Calm / Trust.
GOV.UK Design System (GOV.UK デザインシステム)Effets partagés : Trust / Calm / Technique.
Breeze (ブリーズ)Effets partagés : Technique / Calm / Trust.

Voir toutes les entrées Langages d'écran

Citer cette entrée

Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.

Link: https://indexstyle.org/fr/styles/carbon-design-system
Markdown: [Carbon Design System — IndexStyle](https://indexstyle.org/fr/styles/carbon-design-system)
HTML: <a href="https://indexstyle.org/fr/styles/carbon-design-system">Carbon Design System — IndexStyle</a>

Revenir à sa position dans l’index