精選 · 開放 · 免費

Zen Browser

設計優美、注重隱私的瀏覽器，帶來更平靜的網路體驗。

01

設計氣質 DNA

一款現代、以隱私為導向的瀏覽器，提供平靜的數位環境。

02

色彩

溫暖的米白色畫布，搭配深炭灰色文字與單一溫暖的珊瑚色調。

03

字型

transitional-serif · humanist-sans

• display60px · 500
• body16px · 400

大型展示標題使用過渡襯線體，增添優雅與溫潤感。 · 內文使用簡潔的人文無襯線體，確保可讀性與親和力。

04

間距

充足的垂直間距（例如 96px、144px）創造平靜、舒適的佈局。

05

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

使用柔和墨色的細微 1px 邊框，形成輕微區隔。

0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 10px 15px -3px rgba(0, 0, 0, 0.1)

06

版面

主視覺區段採用置中單欄佈局，延伸至功能區段。

07

動效與互動

互動元素與頁面呈現採用流暢的透明度與變形過渡效果。

互動元素在懸停時有細微的背景色變化或輕微的縮放／變形效果。 · 透過狀態變化提供即時的視覺回饋。

08

組件

• button 膠囊形按鈕，提供高對比度（深色背景、淺色文字）或細微輪廓。
• card 圓角容器（24px 圓角），用於展示功能或瀏覽器視窗。
• chip 在提供的截圖中並不明顯。
• input 在提供的截圖中並不明顯。
• hero 大型、置中的襯線體標題，其中一個詞彙採用強調色，後接副標題與主要操作按鈕。

09

文案語氣與禁用清單

• 語氣 平靜、令人安心，並專注於使用者體驗與隱私。
• 標題風格 大型、優雅的襯線體字型，並以強調色突顯特定關鍵詞。
• 按鈕文案 清晰、以行動為導向的語言，例如「Beta 版現已推出！」或「支持我們」。

• 不要使用純白色背景——截圖顯示採用溫暖的米白色（#F2F0E3）。
• 不要在主要元素上使用尖銳的直角——截圖顯示採用圓角（8px、24px）。
• 不要使用冰冷的科技藍色作為強調色——截圖顯示採用溫暖的珊瑚色（#F76F53）。
• 不要使用密集、擁擠的佈局——截圖顯示採用充足的垂直間距（96px、144px）。
• 不要為主視覺區段使用生硬、過度依賴網格的設計——截圖顯示採用以字型排印為主導的置中佈局。
• 不要將深色背景作為主要畫布——截圖顯示採用明亮、溫暖的主題。
• 避免: 具攻擊性的行銷用語
• 避免: 雜亂的佈局
• 避免: 冰冷、生硬的美學
• 避免: 刺眼的色調

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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