GitHub Primer
GitHub Primer / 2017– / Style / Langages d'écran
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
Entrée du dictionnaire
- Usages idéaux
- Developer SaaS and admin tools that must hold many states and actions on one screen · Keeping information density and accessibility consistent across product teams
- Typographie
- Use one plain sans for body and labels; build hierarchy through weight and color.
- Composition
- Separate lists, tabs and sidebars with fine rules and hold spacing to a small token set.
- Matière
- Start from neutrals; reserve blue for links and semantic colors for success, warning and danger.
- Précaution
- Adding borders and tiny controls to look like GitHub only creates a cramped admin screen when the work has no clear priority.
- Pour approfondir
- Primer product principles / Octicons and semantic meaning / Responsive design at high density
Entrées liées
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/github-primer
- Markdown
- [GitHub Primer — IndexStyle](https://indexstyle.org/fr/styles/github-primer)
- HTML
- <a href="https://indexstyle.org/fr/styles/github-primer">GitHub Primer — IndexStyle</a>