精選 · 開放 · 免費
Walden Us
以平靜、自然為設計語言的高級冥想與健康品牌。
PremiumCleanCalmProductEditorial
01
設計氣質 DNA
禪意高級極簡主義冥想自然靈感
一個為冥想產品打造的奢華禪修度假勝地
02
色彩
#030302Ink
rgba(3,3,2,0.76)Ink soft
#FFFFFFBG
#EDEDEDEBG soft
#F7F7F7BG quiet
#808080Muted
rgba(3,3,2,0.15)Line
柔和、自然靈感的色調，以白色、深綠色和暖灰色為主
03
字型
geometric-sans · grotesque-sans
- display
40px · 500 - h1
20px · 400 - body
14px · 400 - small
12px · 400
內文與導覽使用 Graphik · 展示標題與品牌識別使用 Geist · 保持一致的字母間距以確保可讀性
04
間距
4px
8px
12px
16px
20px
24px
32px
40px
48px
64px
一致的 4px 基礎格線，搭配寬裕的 padding 以創造呼吸空間
05
表面 (圓角 / 陰影 / 邊線)
sm · 2px
md · 8px
lg · 12px
pill · 999px
使用 rgba(3,3,2,0.76) 的細微 1px 邊框
0px 4px 20px 0px rgba(3,3,2,0.15) · inset 0px 0px 0px 1px rgba(211,206,197,1) · 0px 0px 30px 0px rgba(0,0,0,0.15)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全寬圖片英雄區塊搭配置中彈出式覆蓋層，下方為結構化的產品格線
07
動效與互動
125msmicro
200mssmall
400msmedium
ease-in-outeasing
內容可見性的淡入淡出過渡效果 · 懸停時的顏色與背景色過渡效果
互動元素上的文字顏色與背景色過渡效果 · 立即的視覺回饋與背景色變化
08
組件
- button 彈出式視窗中的全寬灰色按鈕，搭配白色文字，懸停時帶有細微邊框
- card 產品卡片採用滿版圖片與置中文字標籤
- chip 導覽中的文字類別標籤
- input 簡潔的文字輸入欄位，帶有細微邊框
- hero 大型滿版自然攝影圖片，搭配置中彈出式覆蓋層
09
文案語氣與禁用清單
- 語氣 平靜、 welcoming 且精緻
- 標題風格 簡單、直接的問題與陳述
- 按鈕文案 清晰、以體驗為導向的選項，而非激進的銷售語言
- 勿使用鮮豔的強調色——截圖僅顯示白色、灰色與深綠色調
- 勿使用裝飾性字體——截圖顯示簡潔的幾何與無襯線字體
- 勿到處使用圓角膠囊按鈕——截圖顯示帶有細微圓角的長方形按鈕
- 勿建立密集的文字佈局——截圖顯示寬裕的留白與呼吸空間
- 勿使用繁複圖案——截圖顯示乾淨的純色背景搭配攝影圖片
- 勿使用激進的行動呼籲——截圖顯示平靜、以體驗為導向的選擇選項
- 避免: 激進的銷售語言
- 避免: 鮮豔的顏色或繁複的圖案
- 避免: 複雜的技術術語
- 避免: 密集的文字區塊
- 避免: 過於隨意的語調
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
WALDEN 是一個高級冥想與健康品牌，採用平靜、自然靈感的設計語言。主要十六進位色碼包括白色（#FFFFFF）、近乎黑色（#030302）與暖灰色（#808080、#EDEDEDE）。字體方面，標題使用幾何無襯線字體（Geist），內文使用 grotesque 無襯線字體（Graphik）。設計強調呼吸空間，搭配寬裕的 padding 與細微邊框。關鍵禁忌：勿使用鮮豔的強調色（色調需柔和）、勿使用裝飾性字體（保持簡潔幾何感）、勿建立密集佈局（維持寬裕留白）。
en · zh-CN · zh-TW · ja · ko