Carbon Design System

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

El sistema de IBM para productos empresariales con muchos datos combina una retícula estricta, la tipografía IBM Plex y componentes compactos para mantener legible el trabajo complejo.

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 — interpretación generada por IA 1 — Interpretación generada por IA, no una obra de referencia

De un vistazo

Rasgos visuales

IBM Plex y una jerarquía tipográfica marcada
Superficies de trabajo blancas o gris oscuro
Tablas densas, filtros y navegación lateral
Azul reservado para acción y foco

Usos idóneos

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

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

design.md prompt de imagen API JSON MCP y acceso automático Combinar

abrir en ChatGPT abrir en Claude abrir en Google AI

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía: Use IBM Plex with compact labels and a clearly stepped hierarchy.
Composición: Anchor dense modules to a 2x grid and keep navigation, work and detail zones distinct.
Material: Build with neutral layers, fine borders and blue only for interaction.
Precaución: Plex and blue do not make a product Carbon. Density, states and grid behavior must follow the same system.
Para profundizar: Carbon 2x grid / IBM Plex / Component status and accessibility

Entradas relacionadas

GitHub Primer (GitHub Primer)Misma familia: Lenguajes de pantalla.Comparar Carbon Design System y GitHub Primer
Swiss (スイス・スタイル)Efectos compartidos: Trust / Calm.Comparar Carbon Design System y Swiss

Más de Lenguajes de pantalla

Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.

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

Ver todas las entradas de Lenguajes de pantalla

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

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

Volver a su posición en el índice