GitHub Primer
GitHub Primer / 2017– / Estilo / Lenguajes de pantalla
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
Imágenes en la página de origen
Entrada del diccionario
- Usos idóneos
- Developer SaaS and admin tools that must hold many states and actions on one screen · Keeping information density and accessibility consistent across product teams
- Tipografía
- Use one plain sans for body and labels; build hierarchy through weight and color.
- Composición
- 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.
- Precaución
- Adding borders and tiny controls to look like GitHub only creates a cramped admin screen when the work has no clear priority.
- Para profundizar
- Primer product principles / Octicons and semantic meaning / Responsive design at high density
Entradas relacionadas
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/github-primer
- Markdown
- [GitHub Primer — IndexStyle](https://indexstyle.org/es/styles/github-primer)
- HTML
- <a href="https://indexstyle.org/es/styles/github-primer">GitHub Primer — IndexStyle</a>