精選 · 開放 · 免費

Saf

一個單色調、超極簡的數位工作室入口，強調獨家性與精緻的克制感。

01

設計氣質 DNA

如同高級畫廊入口，配有一條簡約的天鵝絨繩索

02

色彩

高對比單色調色盤，依賴純黑與純白，以實現最大視覺衝擊與極致簡潔。

03

字型

geometric-sans

• display24px · 700
• body14px · 400
• bodySmall11px · 400

所有主要導覽與品牌標識均使用大寫字母 · 為大寫文字套用寬字距，營造精緻、寬敞的感受 · 嚴格保持單色調對比，字體中不使用色彩變化

04

間距

嚴格的 4px 基礎網格，搭配大量留白以強調極簡內容

05

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

1px solid rgba(255,255,255,1.0)，僅謹慎用於結構容器

06

版面

居中的單欄佈局，主要行動號召（CTA）垂直絕對置中

07

動效與互動

進入/退出過渡採用流暢的透明度淡入淡出 · 主要互動採用基於變形的空間移動 · 次要元素採用線性淡入淡出

互動元素上的細微透明度變化 · 觸發空間變形與透明度淡出，以揭示主要網站內容

08

組件

• button 極簡幽靈按鈕，帶有 1px 白色邊框、大寫等寬風格字距，以及藥丸形中央錨點
• card 入口畫面中不可見
• chip 入口畫面中不可見
• input 入口畫面中不可見
• hero 全視窗黑底背景，居中放置水平互動條，包含品牌名稱、圓形切換鈕與進入 CTA

09

文案語氣與禁用清單

• 語氣 獨家、精緻且靜謐
• 標題風格 全大寫、寬字距的幾何無襯線體，搭配慷慨的字元間距
• 按鈕文案 單個大寫字詞「ENTER」，對齊於導覽列右側

• 勿使用多彩漸層 — 畫面截圖顯示為純實黑色背景
• 勿在容器上使用圓角 — 畫面截圖顯示進入條具有銳利的 90 度角
• 勿使用混合大小寫字體 — 畫面截圖顯示所有文字均為大寫
• 勿使用多種強調色 — 畫面截圖顯示為嚴格的單色調色盤
• 勿使用厚重的陰影效果 — 畫面截圖顯示為完全平面、無陰影的介面
• 勿使用緊湊的字元間距 — 畫面截圖顯示為寬字距的字體排印
• 避免: 多彩漸層
• 避免: 俏皮插圖
• 避免: 資訊密集的佈局
• 避免: 結構元素上的圓角

11

System Prompt

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