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