xAI

xAI
难度:
知名公司
xAI 效果预览

效果预览

设计规范

由官方品牌资料与该风格提示词推导的关键 token,可复制或配合下方 DESIGN.md 使用。

颜色

  • primary提示词

    主操作与高亮

  • on-primary推导

    主色上的文字

  • secondary提示词

    标签、徽章与次级强调

  • on-secondary推导

    辅色上的文字

  • neutral提示词

    页面底色

  • on-neutral推导

    底色上的文字

  • surface推导

    卡片、面板与浮层

  • on-surface推导

    表面上的文字

  • border推导

    边框与分割线

圆角与形状

推导
sm · 4px
md · 8px
lg · 12px
full

间距

推导
  • sm8px
  • md12px
  • lg24px

阴影与层级

提示词

层级由柔和、低对比度的阴影表达。

字体

提示词
  • Ag

    标题 32px · 粗体

    GeistMono

  • Ag

    正文 16px · 常规

    GeistMono

  • Ag

    标签 13px · 中等

    GeistMono

xAI 是 Elon Musk 创立的人工智能公司,致力于「理解宇宙的真实本质」,旗下拥有 Grok 助手。其风格是纯粹的单色极简主义:深色主题只有 #1f2228 背景与 #ffffff 文字两极、没有灰色中间地带,GeistMono 在 320px 尺寸以 300 字重把等宽字体当奢侈品使用,按钮是大写等宽配 1.4px 字距,universalSans 负责正文,零阴影、零渐变、零彩色。适合 AI 产品与未来感极简界面。

AI 与大模型现代极简

提示词模板

基础模板
Design a xAI-inspired interface. - Pure dark theme: #1f2228 background with #ffffff text -- no gray middle ground; - GeistMono at extreme display sizes (320px, weight 300) -- monospace as luxury; - Uppercase monospace buttons with 1.4px letter-spacing -- technical, commanding; - universalSans for body text at 16px/1.5 and headings at 30px/1.2 -- clean contrast; - Zero decorative elements: no shadows, no gradients, no colored accents. Colors: #ffffff, #1f2228, #000000. Typography: - Background:.

变体提示词

📱 移动端
Design a mobile app with xAI aesthetics. Use xAI color identity with #ffffff accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with xAI style. Use xAI color identity with #ffffff accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with xAI design language. Use xAI color identity with #ffffff accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with xAI visual identity. Use xAI color identity with #ffffff accents. Compelling, conversion-focused.

使用示例

xAI 应用

Web 端
Build a web app with xAI design language and brand color system.

xAI 仪表板

仪表板
Create a dashboard using xAI style with data visualization and - Background: typography.

✅ 适合场景

  • AI
  • 极简未来感的 AI 产品
  • 纯粹单色的品牌展示

❌ 不适合场景

  • 温暖手工感的生活方式产品
  • 复杂多彩的运营后台

DESIGN.md 文件

符合 design.md 开放格式的设计系统描述,可复制或下载后交给 AI 编程工具使用。

下载