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 產品與未來感極簡介面。

xAIAI 與大型模型

提示詞範本

基礎範本
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 程式設計工具使用。

下載