Analyse führender Design-Systeme von Adham Dannaway

X-PostAdham DannawaySammlung

Designer Adham Dannaway analysiert etablierte Design-Systeme wie IBM Carbon und das Atlassian Design System. Er untersucht, wie diese Teams Farbpaletten, Elevation-Tokens und komplexe UI-Muster strukturieren.

Das Wichtigste

  1. Design-Systeme dienen als zentrale Referenz (Single Source of Truth), um Konsistenz, Skalierbarkeit und Zusammenarbeit zwischen Design und Entwicklung sicherzustellen.
  2. IBMs Carbon Design System nutzt Farbwechsel statt Schlagschatten zur Darstellung von Ebenen (Elevation): Im Dark Mode werden Farben nach oben heller, im Light Mode wechseln sie zwischen Weiß und Grau.
  3. Carbon dokumentiert nicht nur isolierte Komponenten, sondern auch übergeordnete Muster (UI Patterns) wie Login-Abläufe oder Filter-Varianten (z. B. Dropdowns vs. dauerhafte Sidenav-Filter).
  4. Trotz vieler Gemeinsamkeiten bei Interaktionsmustern zeigen sich in der Praxis deutliche Unterschiede bei Farbsystemen, Elevation und Komponentenarchitektur.

Warum das relevant ist

Die Analyse realer Großprojekte zeigt praxisnahe Lösungswege für typische Herausforderungen im UI-Design. Teams müssen das Rad bei Themen wie Elevation oder Filter-Pattern nicht neu erfinden, sondern können sich an bewährten Architekturen orientieren.

Einordnung

Dannaway vergleicht die Herangehensweisen bekannter Unternehmen und weist auf wiederkehrende Problemzonen hin, bei denen in der Industrie noch Uneinigkeit herrscht – vor allem bei Elevation und Farbhierarchien. Der Verzicht von Carbon auf klassische Schatten zugunsten alternierender Flächenfarben demonstriert, dass auch minimalistische Ansätze für komplexe Dashboards genügen können.

Original-Post

Adham Dannaway

@AdhamDannaway · 12. September 2026

🔥 My breakdown of the best design systems out there right now. From Adobe to Atlassian, I dive into how they actually handle things like elevation tokens, transparency, and components, so you can learn from the best. → t.co/XG3Y6h0zWH t.co/RAwhHosEL3

297 Likes4 Antworten489 Lesezeichen18.733 Aufrufe

Auf X ansehen
Weitere Posts im Thread (3)
  1. @uihasan2828 Thanks, hope it helps 😃
  2. @Mike_Andreuzza I learned a lot from Carbon 👍
  3. @gregoriombp I was just sharing my learnings from some of my favourite design systems, what aer you building?
Ausgewählte Antworten (5)
  • @gregoriombp @AdhamDannaway wait, are we building the same thing?? we should work together lol t.co/BYJtqRpfuZ
  • @uihasan2828 @AdhamDannaway Design system breakdowns like this are pure gold. Thanks for sharing!
  • @Mike_Andreuzza @AdhamDannaway Carbon ❤️
  • @gregoriombp @AdhamDannaway oh, sorry, I got it totally mixed-up. I'm building Auis. I ship UI in the product in real time now. Figma’s barely in the loop
  • @MozerLeandro @AdhamDannaway O love lot of atlasian. My reference …

Erwähnte Links

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Artikel:Adham Dannaway

    Die besten Design-System-Beispiele 2026 im Vergleich

    Designer Adham Dannaway analysiert führende Design-Systeme und erläutert praxisnahe Erkenntnisse zu Farbsystemen, Elevation, Design Tokens und Komponentenskalierung für eigene Implementierungen.

    Webentwicklung· Sammlung

  • Video

    Video:The Design Project

    KI-Design-Patterns großer Tech-Unternehmen im Vergleich

    Diane von The Design Project analysiert, wie IBM, AWS, Atlassian und GitLab KI-Muster in ihre öffentlichen Design-Systeme integrieren. Im Mittelpunkt stehen Buttons, generierte Inhalte, Chat-Schnittstellen und Transparenzregeln.

    KI & AI· Diskussion

  • X-Post:Adham Dannaway

    Design Token Naming Guide von Adham Dannaway

    Adham Dannaway hat eine neue Ressource zur Benennung von Design Tokens vorgestellt. Der Leitfaden bietet Anleitungen für die Namensgebung und den Aufbau eigener Token-Systeme.

    305Lesezeichen12.620Aufrufe

    Webentwicklung· Sammlung

  • X-Post:Abraham John

    Astryx: Design-System mit über 170 Open-Source-UI-Komponenten

    Abraham John stellt Astryx vor, ein Design-System für Designer und Entwickler, das mehr als 170 anpassbare Open-Source-UI-Komponenten und KI-unterstützte Werkzeuge bietet.

    491Lesezeichen19.457Aufrufe

    Webentwicklung· Sammlung

  • X-Post:Manish Kumar

    Sammlung von Plattformen für DESIGN.md und KI-fähige Design-Systeme

    Manish Kumar hat eine Liste von Webseiten zusammengestellt, die Werkzeuge, Vorlagen und Bibliotheken rund um DESIGN.md-Dateien bereitstellen. Diese strukturierten Markdown-Dateien dienen als maschinenlesbare Design-Spezifikationen für Entwicklungs- und KI-Tools wie Cursor, Claude oder GitHub Copilot.

    2559Lesezeichen66.372Aufrufe

    KI & AI· Sammlung

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.