Arc 是 The Browser Company 打造的「更平静、更个人化」的浏览器，帮你放下点击、杂乱与干扰。其界面把磨砂玻璃铺在饱和渐变之上：桃珊瑚、紫品红、薄荷青等主题渐变决定整体情绪，12-16px 的 squircle 圆角柔和过渡，Inter 管产品界面、Argent CF 衬线管营销展示；布局以侧边栏为第一公民——标签、空间与书签都在左侧而非顶部。适合浏览器与桌面应用的形象界面。
效率与 SaaSGlassmorphism
提示词模板
基础模板
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 编程工具使用。