IndexStyle

Ein Wörterbuch der Gestaltungsstile, geschrieben aus den Werken selbst.

Es ist blankes HTML. Es öffnet sich in jedem Browser und auf jedem Gerät, ohne App und ohne Konto, und Maschinen lesen dieselbe Seite.

Einträge	738

Wörterbuch

Suche nach einem Stil oder beschreibe dein Vorhaben. Namensübereinstimmungen kommen zuerst; Zweck, Wirkung und Medium ergänzen Alternativen.

BeispieleBauhaus eine hochwertige Karriereseite eine vertrauenswürdige Finanz-App

Suche Art Familie Wirkung Sortierung 24/202 angezeigt

543

GitHub Primer — KI-generierte Interpretation — KI-Interpretation, keine Referenz

GitHub Primer

GitHub Primer / 2017– / Stil / Bildschirmsprachen

GitHubs Designsystem übersetzt dichte Entwicklungsabläufe in gemeinsame Regeln für Farbe, Schrift, Icons, Abstände und Komponenten. Es bevorzugt den Arbeitsfluss gegenüber Dekoration und hält viele Zustände und Aktionen auf engem Raum, ohne Barrierefreiheit oder responsive Anpassung aufzugeben.

Neutrale Flächen mit blauen Links und zurückhaltenden Statusfarben / Octicons zusammen mit kurzen Aktionsbezeichnungen / Feine Linien trennen Listen, Tabs und Seitenleisten / Gleichmäßige Stufen für Schrift und Abstände auch bei hoher Dichte

design.md Bild-Prompt

544

Adobe Spectrum — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Adobe Spectrum

Adobe Spectrum / 2013– / Stil / Bildschirmsprachen

Adobes anwendungsübergreifendes Designsystem. Nach den Prinzipien Rational, Menschlich und Fokussiert verändert es die Dichte zwischen Desktop und Mobilgerät und verhindert zugleich, dass werkzeugreiche Oberflächen vom eigentlichen Werk ablenken.

Neutrale Flächen, leuchtende Farbe bleibt der Auswahl vorbehalten / Icons, Schrift und Rahmen skalieren gemeinsam / Werkzeugleisten und Eigenschaftenfelder sind durch feine Teilungen verbunden / Das kreative Werk bleibt stärker als die Oberfläche

design.md Bild-Prompt

545

Atlassian Design System — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Atlassian Design System

Atlassian Design System / 2012– / Stil / Bildschirmsprachen

Ein System, das die Komplexität von Jira und Confluence in gemeinsame Tokens, Inhaltsregeln, Abstände, Raster und Komponenten übersetzt. Konsistenz schafft Vertrauen und hält große Mengen an Vorgängen, Dokumenten und Zuständen navigierbar.

Weiße und hellgraue Ebenen mit blauen Hauptaktionen / Abgerundete Karten und rautenförmige Statuskennzeichnungen / Klare Trennung zwischen Seitenleiste, Tabelle und Detailbereich / Farbe, Abstand, Radius und Höhe werden durch Tokens gesteuert

design.md Bild-Prompt

546

Ant Design — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Ant Design

Ant Design / 2015– / Stil / Bildschirmsprachen

Ein Designsystem, das Unternehmens-Webanwendungen mit wiederverwendbaren Komponenten und Seitenmustern bei niedriger Entropie hält. Seine Werte Natürlich, Gewiss, Bedeutungsvoll und Wachsend systematisieren Tabellen, Formulare, Hierarchie und Zustände, ohne die Informationsdichte zu verringern.

Dichte Tabellen in kleiner Schrift und mit feinen Linien / Blaue Hauptaktionen mit eindeutigen semantischen Farben / Einheitliche Formulare, Seitennavigation, Bäume und Tabellen / Lesbarkeit durch Ausrichtung und Wiederholung statt durch großzügigen Raum

design.md Bild-Prompt

547

Shopify Polaris — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Shopify Polaris

Shopify Polaris / 2017– / Stil / Bildschirmsprachen

Shopifys UI-Framework gibt Produkten, Bestellungen, Zahlungen und Kunden eine gemeinsame Handelssprache. Karten und Abschnitte trennen Entscheidungen, kurze Status- und Handlungstexte helfen, den Shop in Bewegung zu halten.

Weiße Karten auf hellem Grund gestapelt / Grün als Zeichen für Erfolg oder Fortschritt / Titel, Status und wichtigste Aktion oben gebündelt / Kompakte Kennzeichnungen für Produkt-, Bestell- und Zahlungsstatus

design.md Bild-Prompt

548

Black Dandyism — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Black Dandyism

ブラック・ダンディズム / 18th century– / Stil / Modegeschichte

Eine Tradition, die Schneiderei und Haltung zur Selbstgestaltung nutzt und dem rassifizierenden Blick bewusst entgegenarbeitet. Sie ist kein einzelner Grad von Schmuck: Sie kennt die Codes, verschiebt ihre Details und trägt Würde, Widerstand und Identität zugleich.

Präzise, an den Körper angepasste Schneiderei / Eine durchgehende Linie von Hut und Kragen bis zu Krawatte und Schuh / Farbe, Muster oder Geste verschieben die Codes klassischer Herrenmode / Selbstbewusste, frontale Selbstdarstellung

design.md Bild-Prompt

549

Power Dressing — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Power Dressing

パワー・ドレッシング / 1970s–1980s / Stil / Modegeschichte

Kleidung, die Autorität am Arbeitsplatz sichtbar macht. In den 1980er Jahren wurde der scharf geschnittene Anzug mit breiten Schultern für Frauen und Männer zum Zeichen des Aufstiegs, vergrößerte und verhärtete die Silhouette und trug zugleich den Druck zur Anpassung.

Gepolsterte Jacken verbreitern die Schultern / Betonte Taille und umgekehrte Dreiecksform / Dunkler Kammgarnstoff und Nadelstreifen / Abgestimmter Anzug, Hemd, Krawatte oder Pumps

design.md Bild-Prompt

554

Carbon Design System — KI-generierte Interpretation — KI-Interpretation, keine Referenz

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.

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

design.md Bild-Prompt

555

Salesforce Lightning Design System — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Salesforce Lightning Design System

Salesforce Lightning / 2015– / Stil / Bildschirmsprachen

Salesforces Oberflächensprache für datensatzbezogene Geschäftsarbeit ordnet Objekte, Aktionen und Status zu wiederholbaren Arbeitsplatzmustern.

Objektköpfe mit kompakten Metadaten / Tabs, Karten und Aktivitätszeitachsen / Cloud-Blau mit semantischen Statusfarben / Dichte Formulare und Datensatztabellen

design.md Bild-Prompt

556

SAP Fiori — KI-generierte Interpretation — KI-Interpretation, keine Referenz

SAP Fiori

SAP Fiori / 2013– / Stil / Bildschirmsprachen

SAPs rollenbasierte Designsprache reduziert Unternehmensprozesse auf die Informationen und Aktionen, die jede Person benötigt, und führt sie konsistent über Geräte hinweg.

Rollenbasierte Launchpad-Kacheln / Shell-Leiste und Objektseiten / Kompakte Tabellen und semantischer Status / Ruhiges Blau auf hellen Arbeitsflächen

design.md Bild-Prompt

557

U.S. Web Design System — Startseite von USA.gov, 2023 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / Stil / Öffentliches Design

Ein gemeinsames System für zugängliche, mobilfreundliche und vertrauenswürdige Webdienste der US-Bundesverwaltung, aufgebaut aus geprüften Mustern des öffentlichen Dienstes.

Weiß, Marineblau und zurückhaltendes Bundesrot / Große schlichte Überschriften und gut lesbarer Text / Banner für offizielle Webseiten / Klare Formulare, Hinweise und Schrittanzeigen

design.md Bild-Prompt

558

NHS Design System — KI-generierte Interpretation — KI-Interpretation, keine Referenz

NHS Design System

NHSデザインシステム / 2016– / Stil / Öffentliches Design

Das NHS-System macht dringende Gesundheitsinformationen und -dienste durch einfache Sprache, deutliche Fokuszustände und geprüfte klinische Muster ruhig, direkt und konsistent.

NHS-Blau und großzügiger Weißraum / Große Überschriften und kurze Absätze / Hervorhebungen für Warnungen und Pflegehinweise / Sichtbarer Fokus und einfache Formulare

design.md Bild-Prompt

559

BBC Global Experience Language — KI-generierte Interpretation — KI-Interpretation, keine Referenz

BBC Global Experience Language

BBC GEL / 2010– / Stil / Bildschirmsprachen

Die globale Erlebnissprache der BBC vereint Nachrichten, Video, Audio und Kinderangebote durch lesbare Hierarchie, zugängliche Mediensteuerung und wiederverwendbare redaktionelle Komponenten.

Schwarzer Kopf über weißem Inhalt / Kurze fette Schlagzeilen / Nachrichtenkarten mit einheitlichen Bildformaten / Sehr sichtbarer Fokus, Untertitel und Wiedergabesteuerung

design.md Bild-Prompt

560

Mozilla Protocol — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Mozilla Protocol

Mozilla Protocol / 2017– / Stil / Bildschirmsprachen

Mozillas flexibles Websystem stellt Inhalt und weltweite Zugänglichkeit vor Dekoration und behält zugleich eine lebendige Open-Web-Persönlichkeit.

Fette schwarze Überschriften und breiter Weißraum / Große Flächen lebhafter Farbe / Flexible Billboards und Karten / Kurzer Text und eindeutige Handlungsaufrufe

design.md Bild-Prompt

561

Elastic UI — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Elastic UI

Elastic UI / 2017– / Stil / Bildschirmsprachen

Elastics Oberflächensystem ist für Suche, Filterung und Diagnose großer Datensätze gemacht, ohne betriebliche Dichte zu verlieren.

Fester Kopf und linke Navigation / Permanente Abfrage-, Filter- und Zeitsteuerung / Tabellen und Zeitreihendiagramme in gemeinsamen Panels / Helle Serienfarben nur für Daten

design.md Bild-Prompt

566

PatternFly — KI-generierte Interpretation — KI-Interpretation, keine Referenz

PatternFly

PatternFly / 2012– / Stil / Bildschirmsprachen

Red Hats quelloffene Bildschirmsprache für Unternehmensprodukte hält komplexe Infrastruktur durch dichte Navigation, Datenansichten und streng kontrollierte Statusfarben handhabbar.

Dunkler Masthead und linke Navigation / Dichte Tabellen und Formulare auf weißen oder hellgrauen Flächen / Blau für Hauptaktionen, Rot, Orange oder Grün für Status / Liste, Detail und Aktion in abgestimmten Bereichen

design.md Bild-Prompt

568

GitLab Pajamas — KI-generierte Interpretation — KI-Interpretation, keine Referenz

GitLab Pajamas

GitLab Pajamas / 2018– / Stil / Bildschirmsprachen

GitLabs Bildschirmsprache verbindet Code, Issues, Review, CI/CD und Sicherheit in einem DevSecOps-Produkt durch GitLab Sans und Mono, permanente Navigation, dichte Listen und eine violett gefärbte Neutralpalette.

GitLab Sans mit GitLab Mono für Code / Geschichtete Struktur aus linker Navigation und Anwendungsrahmen / Dichte Issue-, Merge-Request- und Pipeline-Listen / Weiße oder anthrazitfarbene Flächen mit Violett als Markenfokus

design.md Bild-Prompt

570

Ubuntu Yaru — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Ubuntu Yaru

Ubuntu Yaru / 2018– / Stil / Bildschirmsprachen

Ubuntus gemeinschaftlich entwickeltes Standardthema überlagert Adwaita-basiertes GTK und GNOME Shell mit Ubuntu-Orange, dunklen Kopfleisten und Suru-abgeleiteten Symbolen und verteilt Fenster, Shell, Symbole, Cursor und Klang als eine Suite.

Heller Fensterkörper gegen dunkle Kopfleiste / Ubuntu-Orange für Auswahl und Fokus / Suru-abgeleitete Symbole aus Kreisen, Quadraten und länglichen Formen / Ein-Pixel-Kante, zurückhaltender Verlauf und unterer Schatten

design.md Bild-Prompt

571

Canonical Vanilla — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Canonical Vanilla

Canonical Vanilla / 2013– / Stil / Bildschirmsprachen

Canonicals CSS-basierte Bildschirmsprache vereint Ubuntu, MAAS, Juju und verwandte Seiten und Anwendungen durch Ubuntu-Schrift, geteilte Raster, linierte Abschnitte und großzügigen Raum, optimiert für lange technische Inhalte.

Dünne große Überschriften mit kleineren fetten Überschriften in Ubuntu / Asymmetrische 25/75- und 50/50-Teilungen / Feine Linien über Abschnitten und großzügiger Vertikalraum / Weiße Flächen, dunkler Text und orange- oder auberginefarbener Fokus

design.md Bild-Prompt

580

CDE Interface — KI-generierte Interpretation — KI-Interpretation, keine Referenz

CDE Interface

CDEインターフェース / 1993–2000s / Stil / Bildschirmsprachen

Das Common Desktop Environment vereinheitlichte UNIX-Arbeitsstationen mit Motif-artigen Fasen, dauerhaftem Front Panel, Arbeitsflächenwechsel und farbarmen Symbolen, sodass verschiedene Hardware wie ein Arbeitsplatz wirkte.

Kastenförmiges Front Panel am unteren Rand / Erhabene Tasten und vertiefte Felder aus hell-dunklen Doppelkanten / Farbarmige Pixelsymbole mit dunklem Rand / Dauerhafte Tasten zum Wechseln der Arbeitsfläche

design.md Bild-Prompt

582

GNOME Clearlooks — KI-generierte Interpretation — KI-Interpretation, keine Referenz

GNOME Clearlooks

GNOME Clearlooks / 2005–2011 / Stil / Bildschirmsprachen

Das Standardthema von GNOME 2.12 machte GTK-Anwendungen durch hellgraue Fenster, blaue Auswahl, zurückhaltenden Glanz und feste Grenzen freundlich und einfach.

Hellgraue Flächen mit blauen Auswahlbalken / Ruhiges Glanzlicht nur an Tastenoberkanten / Tabs und Felder mit geringer Rundung / Kleine GNOME-Symbole und knappe zweistufige Hierarchie

design.md Bild-Prompt

598

Biker Style — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Biker Style

バイカー・スタイル / 1920s– / Stil / Subkultur-Stile

Eine schützende Motorradjacke wurde durch Motorradclubs, Filme, Rock und Punk zu einer Sprache der Rebellion und Zugehörigkeit. Asymmetrische Reißverschlüsse, breite Kragen, Gürtel, Hardware und abgenutztes schwarzes Leder behalten sowohl Funktion als auch Symbol.

Asymmetrischer Reißverschluss, der die Vorderseite durchquert / Harte Konturen durch breite Kragen, Epauletten und Taillengürtel / Schwarzes Leder und silberne Hardware / Rückpatches, Nieten, Abnutzung und persönliche Markierungen

design.md Bild-Prompt

599

Palm OS Interface — KI-generierte Interpretation — KI-Interpretation, keine Referenz

Palm OS Interface

Palm OSインターフェース / 1996–2009 / Stil / Bildschirmsprachen

Palm OS verwandelte einen kleinen, monochromen Bildschirm, Stift und strenge Speicherbegrenzungen in ein konsistentes Taschenwerkzeug durch Menüs für Titel und Kategorien, Befehlsleiste, Hardware-Tasten und eine Schreibfläche für Graffiti.

Ein Bildschirm mit etwa 160 x 160 Pixeln und monochromer Darstellung / Titel links oben und Kategorie-Popup rechts oben / Eine Befehlsleiste, die sich von der unteren Kante aus erstreckt und vier Anwendungsbuttons / Dünne, einbitige Symbole, Regeln und eine Schreibfläche für Graffiti

design.md Bild-Prompt

600

OS/2 Workplace Shell — KI-generierte Interpretation — KI-Interpretation, keine Referenz

OS/2 Workplace Shell

OS/2 Workplace Shell / 1992–2001 / Stil / Bildschirmsprachen

OS/2 behandelte Ordner, Drucker, Laufwerke und Einstellungen als bedienbare Objekte, anstatt als lose Symbole. Dimensionale Ränder, schattierte Symbole, Notebook-Einstellungen und Drag-and-Drop ermöglichten es, den gesamten Desktop als ein objektorientiertes Arbeitsumfeld zu gestalten.

Graue Oberflächen mit doppelten hellen und dunklen dimensionalen Kanten / Objekt-Symbole in niedriger Farbgebung, gezeichnet aus einer schrägen Perspektive / Notebook-Einstellungen mit gestapelten Rand-Tabs / Direktes Ziehen zwischen Ordnern, Shredder und Laufwerken

design.md Bild-Prompt

Redaktionelle Grundsätze

IndexStyle sammelt nicht jeden Begriff aus dem Designumfeld. Ein eigener Eintrag muss eine erkennbare, reproduzierbare und von Nachbarn unterscheidbare Bildsprache beschreiben. Aufnahmekriterien

Referenzbilder sind stets reale Werke: Fotografien und Reproduktionen aus Museen, Bibliotheken und Archiven oder offizielle Dokumente. Wir erstellen und bearbeiten sie nie selbst.
Wo kein rechtlich nutzbares, lesbares und ausreichend repräsentatives Referenzbild angezeigt werden kann, darf der Eintrag eine oder mehrere KI-generierte Interpretationen ergänzen. Sie sind stets gekennzeichnet und gelangen nie in Referenzgalerie, Teilen-Bild oder Quellenbeleg. Derzeit betrifft das 221 von 738 Einträgen.
Jeder Eintrag nennt die Quelle, aus der er aufgenommen wurde, und verlinkt sie; jede Quell-URL wird beim Aufnehmen und bei späteren Durchsichten geprüft.
Stile, Techniken und Internet-Ästhetiken werden klassifiziert, nie vermengt.
Verwandte Einträge bleiben in beide Richtungen nachvollziehbar.
Zu den Bildrechten siehe Zitate und Referenzbilder.