精選 · 開放 · 免費
Recraft
一個融合設計美學與機器智慧的高端 AI 圖像生成平台
aidesign
01
設計氣質 DNA
品味精工進階專業視覺
頂尖設計工作室結合前沿 AI 研究實驗室
02
色彩
#D2FC31Accent
#FFFFFFInk
#000000BG
#707070Muted
rgba(0,0,0,0.15)Line
高對比深色模式，搭配鮮明強調色用於主要 CTA
03
字型
condensed-sans · humanist-sans · monospace
- display
72px · 900 - heading
24px · 600 - body
16px · 400 - caption
12px · 400
標題文字使用極粗字重（900）與負字距設定 · 內文維持舒適的 1.4 行高以確保可讀性 · 次要標籤與導覽文字採用全大寫處理
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
以 4px 為基準單位，英雄區域採用充裕的留白
05
表面 (圓角 / 陰影 / 邊線)
sm · 5px
md · 15px
lg · 30px
pill · 50px
1px solid rgba(0,0,0,0.15)
rgba(0,0,0,0.3) 0px 11px 40px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬度英雄區域搭配疊加文字，內容區塊置中排列
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
英雄區域影像間的流暢輪播過渡 · 互動元素的細膩 hover 效果
互動元素產生色彩變化與細微縮放 · 立即提供視覺回饋與狀態變化
08
組件
- button 圓角矩形（半徑 5px），主要行動採用高對比填充色
- card 全出血影像卡片，極簡化外框
- chip 小型圓角徽章，用於導覽標籤
- input 簡潔文字輸入框，搭配細微邊框
- hero 戲劇性全視野影像，疊加排版與 CTA
09
文案語氣與禁用清單
- 語氣 自信且精緻，強調工藝精神
- 標題風格 粗重、壓縮、全大寫的聲明語句，兼具技術精準度
- 按鈕文案 直接行動導向動詞，如「開始創作」與「取得 API」
- 勿使用襯線字體——截圖顯示整體採用一致的無襯線排版
- 勿使用柔和粉彩色系——截圖顯示高對比黑底搭配鮮明強調色
- 勿使用細體字重——截圖顯示極粗（900）字重的標題文字
- 勿使用尖銳邊角——截圖顯示所有元件維持 5-15px 圓角
- 勿使用擁擠版面——截圖顯示充裕留白與呼吸空間
- 勿使用多種強調色——截圖顯示單一主導的黃綠色用於 CTA
- 避免: 俏皮或隨意的語言
- 避免: 過多的驚嘆號
- 避免: 艱澀的技術描述
- 避免: 過度銷售的推廣文案
- 避免: 模糊的價值主張
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Recraft.ai 是一個面向專業設計師與創意團隊的高端 AI 圖像生成平台。其設計 DNA 特徵為深色高對比美學，以黑色背景（#000000）為主導，搭配鮮明的黃綠色（#D2FC31）作為主要 CTA 強調色。排版採用極粗字重（900）的壓縮無襯線字體作為標題文字，創造戲劇性衝擊力。關鍵約束：絕不使用襯線字體，避免柔和色系，版面務必保持充裕留白，標題使用粗重字重，元件圓角維持在 5-15px 之間，並確保所有 CTA 採用標誌性的綠色強調色。
en · zh-CN · zh-TW · ja · ko