精選 · 開放 · 免費

Mybrentano Ch

一個簡潔編輯風格的電商網站，專營自然整體醫療保健產品。

01

設計氣質 DNA

一個融合簡潔美學與有機暖意的現代數位原生藥局。

02

色彩

高對比的自然調色盤，採用溫暖米色與深墨色。

03

字型

monospaced-sans · sans-serif

• display60px · 400
• h130px · 400
• body18px · 400
• small15px · 400

所有字體使用簡潔的幾何無襯線字族。 · 標題使用等寬字體變體以呈現技術精確感。 · 所有文字的字重統一為標準（400）。

04

間距

充裕的留白空間，採用標準 4px 基礎單位。

05

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

使用 1px 細實線黑邊作為結構與分隔。

06

版面

採用網格佈局，頂部設有導覽列，內容為垂直堆疊流。

07

動效與互動

hover 狀態下的平滑 transform 過渡 · 頁面切換時的輕柔緩動

互動元素上的細微透明度或色彩變化。 · 所有可點擊區域使用標準指標游標。

08

組件

• button 簡約的描邊按鈕，包含藥丸形語言切換鍵與圓形圖示按鈕。
• card 簡潔的產品卡片，具細邊線、文字對齊且無背景色。
• chip 藥丸形內的純文字語言切換元件。
• input 底部帶邊框的輸入欄位，無可見背景。
• hero 大型左對齊等寬字體標題，搭配有機重疊的圖片拼貼。

09

文案語氣與禁用清單

• 語氣 專業且平易近人，具資訊性。
• 標題風格 直接清晰，因等寬字體而略帶技術感。
• 按鈕文案 簡潔直接，常僅為單詞如「購買」。

• 勿使用投影陰影——截圖顯示為扁平、以邊框為基礎的設計。
• 勿使用漸層背景——截圖顯示為實色溫暖米色背景。
• 勿在容器上使用圓角——截圖顯示為銳利的方形角落。
• 勿使用粗體字重來強調——截圖顯示字重始終一致為標準。
• 勿使用明亮高飽和的強調色——截圖顯示為克制的黑與米色調色盤。
• 勿使用置中佈局作為主要內容——截圖顯示為強烈的左對齊網格。
• 避免: 喧鬧花俏的動畫
• 避免: 雜亂的介面
• 避免: 過於隨意的語言

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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