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.

GitHub Primer — GitHub Primer ViewComponents — official file-tree snapshots across appearance modes — Copyright (c) 2020 GitHub / MIT — GitHub Primer ViewComponents — official file-tree snapshots across appearance modes — Copyright (c) 2020 GitHub / MIT · MIT

GitHub Primer — GitHub Primer ViewComponents — official navigation-list snapshots across appearance modes — Copyright (c) 2020 GitHub / MIT — GitHub Primer ViewComponents — official navigation-list snapshots across appearance modes — Copyright (c) 2020 GitHub / MIT · MIT

GitHub Primer — KI-generierte Interpretation 1 — KI-generierte Interpretation, kein Referenzwerk

Auf einen Blick

Visuelle Merkmale

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

Geeignet für

Developer SaaS and admin tools that must hold many states and actions on one screen
Keeping information density and accessibility consistent across product teams

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 one plain sans for body and labels; build hierarchy through weight and color.
Komposition: Separate lists, tabs and sidebars with fine rules and hold spacing to a small token set.
Material: Start from neutrals; reserve blue for links and semantic colors for success, warning and danger.
Zu vermeiden: Adding borders and tiny controls to look like GitHub only creates a cramped admin screen when the work has no clear priority.
Zum Weiterlesen: Primer product principles / Octicons and semantic meaning / Responsive design at high density

Mehr aus Bildschirmsprachen

Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.

Adwaita (アドワイタ)Gemeinsame Wirkungen: Technique / Calm / Trust.
Breeze (ブリーズ)Gemeinsame Wirkungen: Technique / Calm / Trust.
Adobe Spectrum (Adobe Spectrum)Gemeinsame Wirkungen: Technique / Trust / Calm.

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/github-primer
Markdown: [GitHub Primer — IndexStyle](https://indexstyle.org/de/styles/github-primer)
HTML: <a href="https://indexstyle.org/de/styles/github-primer">GitHub Primer — IndexStyle</a>

Zurück zur Position im Index