风格描述
代码优先平台。功能密度，蓝白精准，Primer 设计基础
标签
GitHub开发者工具
提示词模板
基础模板
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 App
Web AppBuild 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.
✅ 适合场景
- Developer
- Brand-consistent interfaces
- Modern web applications
✅ 不适合场景
- Unrelated design aesthetics
- Different brand guidelines