GitHub Primer
GitHub Primer / 2017– / Stil / Bildschirmsprachen
GitHub's design system for turning dense development workflows into shared rules for color, type, icons, spacing and components. It favors flow over decoration, keeping many states and actions in a small area without giving up accessibility or responsive behavior.
Neutral surfaces with blue links and restrained status colors / Octicons paired with short action labels / Thin borders separating lists, tabs and sidebars / Consistent steps of type and spacing even at high density
Abbildungen auf der Quellseite
Wörterbucheintrag
- 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
- 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
Verwandte Einträge
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>