On this page
Platforms
We try to design apps that feel at home on their respective platform, taking advantage of the unique functionality that exists within each ecosystem. At the same time, we lean on GitHub's design language of colors, iconography, copywriting, and visual design, to provide a coherent cross-platform experience to people.
GitHub
While we do our best to leverage platform technologies on Android and iOS, we also use components, colors, iconography, and other elements from GitHub's design infrastructure to provide understandable and cohesive experiences across all platforms.
Recommended resources:
Responsive web
The mobile apps complement GitHub's responsive web efforts. The web – and the value of the URL – remain a core part of GitHub's product philosophy. Because of this, we do our best to provide escape hatches from the apps to the mobile website whenever possible. We do this by including Share actions in the navigation bar whenever possible.
![Native app header with a share icon](https://user-images.githubusercontent.com/1923260/87459988-6150b900-c5c9-11ea-8443-516286ecd133.png)
Conversely, many experiences can be better when we remove the URL and allow users to take advantage of a more gesture-based, fluid app experience. For example, when triaging notifications, it can often feel faster and easier to swipe notifications done, rather than tapping through them one at a time. Because these experiences can be so powerful, we also provide prompts in the mobile browser to open GitHub's native app.
![Responsive web view of GitHub.com with a top banner to open in the mobile app](https://user-images.githubusercontent.com/1923260/87459929-4b42f880-c5c9-11ea-887d-4a95814d3198.png)
![](https://user-images.githubusercontent.com/1923260/87461174-4121f980-c5cb-11ea-840b-6ca574b68825.png)
Android
Our Android application leans on the Material Design Spec to provide usable, understandable, and responsive applications.
Recommended resources:
- Material Design
- Material Components
- About Material Shape
- The Type System
- Material Baseline Figma Kit
- Material Design Dark Theme Figma Kit
- How to Design a Dark Theme Using Material
- Material Sound
- Understanding Motion
- Material Surfaces
- Understanding Layout
- Understanding Navigation
- The Color System
Be sure to explore past Google I/O videos to learn about designing great native Android applications.
iOS and iPadOS
Our iOS and iPadOS applications lean on the Human Interface Guidlines to provide responsive, accessibly, and performant applications.
Recommended resources:
- iOS Human Interface Guidelines
- Design for iPad
- Design with iOS pickers, menus, and actions
- Design for the iPadOS pointer
- Designing for iPhone X
- Designing Audio-Haptic Experiences
- Visual Design and Accessibility
- Designing Fluid Interfaces
- Intentional Design
- Designing with Dark Mode
- Designing Sound
Be sure to explore past WWDC session videos about design to learn more about designing great mobile experiences on iOS and iPadOS.