精選 · 開放 · 免費

Arc Browser

一個溫暖、富有表現力的瀏覽器體驗，將趣味個性與現代生產力融合在一起。

01

設計氣質 DNA

一個友善、富有創意的工作室空間，感覺私人且 inviting。

02

色彩

以溫暖的米白色為基底，搭配鮮活的藍色點綴色，並使用細微的雜訊紋理增加深度。

03

字型

transitional-serif · humanist-sans · monospace

• display56px · 700
• heading28px · 700
• body16px · 400
• caption12px · 500

使用過渡襯線體於大型展示標題，以營造溫暖感。 · 使用人文無襯線體於內文，以維持可讀性。 · 在展示級文字尺寸上，應用寬鬆的負字距調整。

04

間距

以一致的 4px 為基準，並在互動元素周圍使用寬鬆的內距。

05

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

細微的 1px 實線邊框，常使用點綴色藍色來強調。

0px 5px 5px 0px rgba(0, 0, 0, 0.1) · 0px 2px 8px 0px rgba(0, 0, 0, 0.25)

06

版面

標準的 12 欄網格，具備響應式行為與寬鬆的留白。

07

動效與互動

互動元素於 hover 時進行細微的變換。 · 平滑的背景顏色過渡。

互動元素於 hover 時進行細微的變換與 box-shadow 提升效果。 · 輕微的縮放或透明度變化。

08

組件

• button 深色填充按鈕，採用膠囊形狀並趣味地整合了圖示。
• card 淺色卡片，帶有細微的雜訊紋理與柔和陰影。
• chip 小型圓角標籤，使用點綴色。
• input 簡潔的文字輸入欄位，採用極簡樣式。
• hero 大型富有表現力的標題，搭配溫暖的漸層背景與雜訊疊加層。

09

文案語氣與禁用清單

• 語氣 趣味、友善且對話式。
• 標題風格 富有個性、表現力強的襯線標題。
• 按鈕文案 直接且具邀請感，搭配趣味圖示。

• 不要使用冷色調灰色 — 截圖顯示主要背景為溫暖的米白色 (#FFFCF7)。
• 不要到處使用銳利的直角 — 截圖顯示寬鬆的膠囊形狀與圓角。
• 不要使用刺眼的白色背景 — 截圖顯示溫暖、略帶黃調的白色。
• 不要使用細薄、輕量的字體 — 截圖顯示粗體、富有表現力的襯線標題。
• 不要使用強烈的陰影 — 截圖顯示用於增加深度的柔和、細微陰影。
• 不要使用僵化、企業化的版面配置 — 截圖顯示趣味、富有表現力的構圖，並帶有雜訊紋理。
• 避免: 企業術語
• 避免: 過於技術性的語言
• 避免: 冰冷或無菌的語調

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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