GitHub Primer
GitHub Primer / 2017– / 风格 / 平台界面语言
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
辞典词条
- 适用场景
- Developer SaaS and admin tools that must hold many states and actions on one screen；Keeping information density and accessibility consistent across product teams
- 字体
- Use one plain sans for body and labels; build hierarchy through weight and color.
- 版面
- Separate lists, tabs and sidebars with fine rules and hold spacing to a small token set.
- 材料
- Start from neutrals; reserve blue for links and semantic colors for success, warning and danger.
- 注意
- Adding borders and tiny controls to look like GitHub only creates a cramped admin screen when the work has no clear priority.
- 延伸阅读
- Primer product principles / Octicons and semantic meaning / Responsive design at high density
相关词条
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/github-primer
- Markdown
- [GitHub Primer — IndexStyle](https://indexstyle.org/zh/styles/github-primer)
- HTML
- <a href="https://indexstyle.org/zh/styles/github-primer">GitHub Primer — IndexStyle</a>