GitHub 是全球最广泛采用的开发者平台，数百万开发者和最大的开源社区在其中共同构建软件。其界面用纯白（#ffffff）或深海军黑（#0d1117）作底，发丝级灰描边（#d0d7de）勾勒每个面板，Primer 蓝（#0969da）管链接与主操作、GitHub 绿（#1a7f37）管成功状态，system-ui 配 SFMono，列表行密集、留白克制。适合开发者平台与代码工具。
开发者工具现代极简
提示词模板
基础模板
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:.
变体提示词
📱 移动端
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.
📊 仪表板
Design a dashboard with GitHub design language. Use GitHub color identity with #0969da accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with GitHub visual identity. Use GitHub color identity with #0969da accents. Compelling, conversion-focused.
使用示例
GitHub 应用
Web 端Build a web app with GitHub design language and #0969da color system.
GitHub 仪表板
仪表板Create a dashboard using GitHub style with data visualization and - Background: typography.
✅ 适合场景
- 开发者工具
- 代码托管与协作平台
- 开发者工具的功能密集界面
❌ 不适合场景
- 面向大众的电商零售
- 艺术化品牌形象页
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。