精選 · 開放 · 免費
Ideogram
具備精緻編輯美學的高端 AI 圖片生成平台。
aiimage
01
設計氣質 DNA
AI圖片生成設計開源字體排印
頂尖設計工作室與現代科技新創的結合。
02
色彩
#BD9FFFAccent
#232425Ink
rgba(35,36,37,0.72)Ink soft
#FFF9F4BG
#EDE7E0BG soft
rgba(35,36,37,1.0)Line
採用溫暖米白基底與鮮明薰衣草紫色互動元素的高對比度編輯調色板。
03
字型
didone-serif · humanist-sans · monospace
- display
74px · 400 - h1
48px · 400 - body
16px · 400 - caption
11px · 500
展示型字體採用高對比度襯線字體,字距緊湊。 · 內文使用乾淨的無襯線人文主義字體。 · 小型文字使用大寫字距處理標籤與導覽文字。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
透過寬裕的 padding(通常為主要版塊的 80px)建立垂直節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 19px
pill · 999px
1px solid #232425
rgba(35, 36, 37, 0.08) 0px 1px 2px 0px
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
單欄編輯式版面,在功能展示區塊會擴展為多欄格線系統。
07
動效與互動
150msmicro
180mssmall
450msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
內容過渡採用淡入與滑動效果。 · 互動元素在 hover 時進行顏色與背景轉換。
細微的顏色變化與透明度調整。 · 立即的視覺回饋,無複雜動畫。
08
組件
- button 膠囊造型按鈕,採用高對比度填充(黑/白/薰衣草紫)與寬裕 padding。
- card 功能卡片,排版乾淨,有時搭配大型視覺影像。
- chip 小型大寫文字標籤,用於分類。
- input 乾淨、帶有邊框的輸入欄位。
- hero 巨型襯線字體排版,搭配全寬圖片或輪播圖。
09
文案語氣與禁用清單
- 語氣 自信、專業、以設計為導向。
- 標題風格 簡潔有力的聲明,使用大型襯線字體。
- 按鈕文案 直接且具行動力,常使用膠囊造型按鈕。
- 不要使用純白色 (#FFFFFF) 作為主要背景——截圖顯示採用溫暖米白色 (#FFF9F4)。
- 不要使用通用無襯線字體作為標題——截圖顯示採用高對比度襯線字體。
- 不要使用標準藍色作為強調色——截圖顯示採用獨特的薰衣草紫色 (#BD9FFF) 作為互動元素色彩。
- 不要在按鈕上使用銳利的直角——截圖顯示採用完全圓角的膠囊造型按鈕。
- 不要使用厚重、方塊狀的陰影——截圖顯示採用非常細微、幾乎不可見的 box-shadow。
- 不要使用擁擠緊密的版面配置——截圖顯示內容區塊周圍採用寬裕的留白與 padding。
- 避免: 充滿術語的技術性描述
- 避免: 過於活潑或隨意的語言
- 避免: 雜亂的版面配置
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(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
具備精緻編輯美學的高端 AI 圖片生成平台。設計依賴高對比度調色板,包含溫暖米白色 (#FFF9F4) 背景、深墨色 (#232425) 與鮮明的薰衣草紫色強調 (#BD9FFF)。字體排印將高對比度 Didone 衬線字體用於標題,乾淨的人文主義無襯線字體用於內文。關鍵禁用事項:避免使用純白背景、避免使用通用無襯線字體作為標題、避免按鈕使用直角。版面配置寬敞且具編輯感,優先考慮清晰度與視覺衝擊力。
en · zh-CN · zh-TW · ja · ko