Arc 是 The Browser Company 打造的「更平靜、更個人化」瀏覽器，幫你放下點擊、雜亂與干擾。其介面把磨砂玻璃鋪在飽和漸層之上：桃珊瑚、紫洋紅、薄荷青等主題漸層決定整體情緒，12-16px 的 squircle 圓角柔和過渡，Inter 管產品介面、Argent CF 襯線管行銷展示；版面以側邊欄為第一公民——分頁、空間與書籤都在左側而非頂部。適合瀏覽器與桌面應用程式的形象介面。
Arc Browser效率與 SaaS
提示詞範本
基礎範本
Design a Arc Browser-inspired interface. - Translucent frosted-glass surfaces over a saturated gradient background; - Theme-color gradients (peach-coral, violet-fuchsia, mint-cyan) as the primary mood; - Inter for product chrome, Argent CF (serif) for marketing display; - Squircle-soft 12–16px radii everywhere; - Sidebar-first layout: tabs, spaces, and bookmarks live on the left, not the top. Colors: #ff7e5f, #feb47b, #7f5af0, #e84393 with #ff7e5f accent. Typography: - Background: linear-gradient on theme color (e.g..
變體提示詞
📱 行動裝置
Design a mobile app with Arc Browser aesthetics. Use Arc Browser color identity with #ff7e5f accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Arc Browser style. Use Arc Browser color identity with #ff7e5f accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Arc Browser design language. Use Arc Browser color identity with #ff7e5f accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Arc Browser visual identity. Use Arc Browser color identity with #ff7e5f accents. Compelling, conversion-focused.
使用範例
Arc Browser 應用程式
Web 端Build a web app with Arc Browser design language and #ff7e5f color system.
Arc Browser 儀表板
儀表板Create a dashboard using Arc Browser style with data visualization and - Background: linear-gradient on theme color (e.g. typography.
✅ 適用情境
- SaaS 產品
- 瀏覽器與效率工具的側邊欄介面
- 追求高階感的個人工作台
❌ 不適用情境
- 需要強烈信任感的企業官網
- 資訊密度極高的資料後台
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。