Carbon Design System

Carbon Design System / 2015– / Stil / Bildschirmsprachen

IBMs System für datenreiche Unternehmensprodukte verbindet ein strenges Raster, IBM Plex und kompakte Komponenten, damit komplexe Arbeit lesbar bleibt.

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 — KI-generierte Interpretation 1 — KI-generierte Interpretation, kein Referenzwerk

Auf einen Blick

Visuelle Merkmale

IBM Plex und deutliche typografische Hierarchie
Weiße oder tiefgraue Arbeitsflächen
Dichte Tabellen, Filter und Seitennavigation
Blau für Handlung und Fokus reserviert

Geeignet für

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

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

design.md Bild-Prompt JSON API MCP und Maschinenzugriff Verbinden

in ChatGPT öffnen in Claude öffnen in Google AI öffnen

Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie: Use IBM Plex with compact labels and a clearly stepped hierarchy.
Komposition: 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.
Zu vermeiden: Plex and blue do not make a product Carbon. Density, states and grid behavior must follow the same system.
Zum Weiterlesen: Carbon 2x grid / IBM Plex / Component status and accessibility

Mehr aus Bildschirmsprachen

Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.

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

Alle Einträge aus Bildschirmsprachen ansehen

Diesen Eintrag zitieren

Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.

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

Zurück zur Position im Index