GitHub is the world's most widely adopted developer platform, where millions of developers and the largest open source community build software together. Its UI runs on true white (#ffffff) or deep navy-black (#0d1117) with hairline gray borders (#d0d7de) defining every pane, Primer blue (#0969da) for links and primary actions, GitHub green (#1a7f37) for success, and dense system-ui/SFMono typography.
DeveloperMinimal
Prompt Template
Base Template
Design a GitHub-inspired interface. - True white canvas (#ffffff) or deep navy-black (#0d1117) — no warmth, no tint; - Hairline gray borders (#d0d7de) define every pane and panel; - Primer blue (#0969da) for links/primary; GitHub green (#1a7f37) for success/merge; - system-ui for prose; SFMono for code — no custom typeface; - Dense list rows with minimal padding; whitespace is rare. Colors: #ffffff, #f6f8fa, #eaeef2, #1f2328 with #0969da accent. Typography: - Background:.
Variant Prompts
📱 Mobile
Design a mobile app with GitHub aesthetics. Use GitHub color identity with #0969da accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with GitHub style. Use GitHub color identity with #0969da accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with GitHub design language. Use GitHub color identity with #0969da accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with GitHub visual identity. Use GitHub color identity with #0969da accents. Compelling, conversion-focused.
Usage Examples
GitHub App
WebBuild a web app with GitHub design language and #0969da color system.
GitHub Dashboard
DashboardCreate a dashboard using GitHub style with data visualization and - Background: typography.
✅ Best For
- Developer
- Code hosting and collaboration platforms
- Feature-dense developer tool UIs
❌ Avoid For
- Mass-market retail e-commerce
- Artistic brand image pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.