精選 · 開放 · 免費

Glob Land

一款強調無障礙性的優質生活方式產品電子商務體驗。

01

設計氣質 DNA

一本展示高品質材質商品的優質設計雜誌。

02

色彩

以單色調為主的配色方案，搭配純淨的白色與冷灰色，使用單一鮮明的紫色作為功能性介面元素的強調色。

03

字型

humanist-sans

• display32px · 500
• heading18px · 600
• body16px · 400
• small14px · 400
• tiny12px · 400

04

間距

所有間距、內距與佈局結構均採用一致的 4px 基礎網格。

05

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

1px solid rgba(71, 71, 71, 0.1)

shadow-sm: 0 0 5px 0 rgba(25, 27, 30, 0.03) · shadow-lg: 0 4px 40px 0 rgba(25, 27, 30, 0.2)

06

版面

寬敞、簡潔的佈局，保有充足留白，優先考慮可讀性與清晰的內容層級。

07

動效與互動

介面元素的淡入與淡出 · 狀態變換的流暢過渡 · 互動回饋的細微動態

邊框顏色或背景透明度的細微變化，維持精緻的質感。 · 透過輕微的縮放或透明度變化提供即時視覺反饋，隨後過渡回初始狀態。

08

組件

• button 極簡的膠囊型按鈕，帶有淺色邊框或實心紫色背景，使用大寫文字。
• card 簡潔的容器，具有柔和的圓角與細微陰影，常佈局於網格系統中。
• chip 簡約的矩形元件，帶有纖細邊框，通常用於導覽或篩選功能。
• input 簡潔的表單欄位，帶有淺色邊框與圓角，聚焦於功能清晰度。
• hero 全幅或大尺寸影像，覆蓋上鮮明、簡潔的字型，並搭配單一明確的行動呼籲。

09

文案語氣與禁用清單

• 語氣 友善、 Helpful 且專業。
• 標題風格 直接、清晰，常混合使用標準與粗體字重以強調重點。
• 按鈕文案 行動導向且簡潔，常在膠囊型按鈕中使用大寫文字。

• 勿使用厚重的陰影投射——截圖顯示的是非常細膩、低透明度的陰影來營造深度。
• 勿套用鮮明、衝突的色彩——配色方案限於白色、灰色與單一紫色強調色。
• 勿使用過於裝飾性的字型——字型簡潔、功能明確且高度易讀。
• 勿在佈局中堆砌過多元素——設計使用了充足的留白與清晰的層級結構。
• 勿使用尖銳、生硬的圓角——設計偏好柔和的圓角（5px 至 8px）或完全圓潤的膠囊造型。
• 勿忽略無障礙設計——介面包含專屬、全面的無障礙選項面板。
• 避免: 過於技術性的術語
• 避免: 激進或喧鬧的行銷語言
• 避免: 模糊或歧義的措辭

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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