精選 · 開放 · 免費

Pietrastudio

成長中品牌的專屬 AI 大腦

01

設計氣質 DNA

為現代電商品牌打造的精緻作業系統

02

色彩

高對比極簡主義，搭配單一活力強調色

03

字型

geometric-sans

• display56px · 700
• body16px · 400

所有文字層級均使用幾何無襯線字體 · 大型展示文字採用緊密字距 · 標題與內文之間保持高字重對比

04

間距

一致的 4px 基礎，搭配標準增量

05

表面 (圓角 / 陰影 / 邊線)

使用接近黑色的 rgba 值，營造細膩的 1px 邊框

rgba(0, 0, 0, 0.06) 0px 1px 6px 0px · rgba(0, 0, 0, 0.16) 0px 2px 32px 0px

06

版面

置中內容搭配寬裕留白與清晰垂直節奏

07

動效與互動

滑鼠懸停時的流暢色彩過渡 · 互動元素的細微背景變化

按鈕與連結在滑鼠懸停時產生細微的色彩或背景變化 · 透過色彩變化或縮放提供即時反饋

08

組件

• button 實心橘色主按鈕搭配白色文字；次要按鈕採用外框或純文字形式
• card 乾淨的卡片，帶有細膩陰影與 12px 圓角
• chip 橘色膠囊形標籤，搭配白色文字
• input 簡潔的輸入框，帶有細膩邊框
• hero 大型置中排版，關鍵字採用多彩漸層效果

09

文案語氣與禁用清單

• 語氣 自信、專業且賦能
• 標題風格 大膽、簡潔的陳述，強調核心價值主張
• 按鈕文案 以行動為導向、以效益為驅動（例如：免費開始使用）

• 不要使用複雜漸層 — 截圖僅顯示實心橘色按鈕與細膩的多彩文字強調
• 不要使用襯線字體 — 截圖全程使用幾何無襯線字體
• 不要使用厚重的陰影 — 截圖顯示柔和、極簡的陰影效果
• 不要使用擁擠的版面 — 截圖顯示寬裕的留白與清晰的層次結構
• 不要使用多種相互競爭的強調色 — 截圖以橘色作為主強調色，多彩文字僅作為特定效果使用
• 不要以深色背景為主要基調 — 截圖顯示以白色為主的背景，僅有一個柔和的粉色區塊
• 避免: 術語過多或過於技術性的語言
• 避免: 被動或猶豫的措辭
• 避免: 雜亂或吵雜的版面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko