精选 · 开放 · 免费

Arc Browser

一个温暖、富有表现力的浏览器体验，融合了俏皮个性与现代效率。

01

设计气质 DNA

一个友好、富有创意的工作室空间，给人以个人化且温馨的感觉。

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 时进行微妙的 transform 变换。 · 背景颜色的平滑过渡。

交互元素进行微妙的 transform 和 box-shadow 提升。 · 轻微的缩放或透明度变化。

08

组件

• button 深色填充按钮，采用胶囊形状并整合俏皮图标。
• card 浅色卡片，带有微妙的噪点纹理和柔和的阴影。
• chip 小巧的圆角标签，采用强调色。
• input 简洁的文本输入框，样式极简。
• hero 富有表现力的大标题，搭配温暖的渐变背景和噪点叠加效果。

09

文案语气与禁用清单

• 语气 俏皮、友好、对话式。
• 标题风格 富有表现力的衬线标题，带有个性。
• 按钮文案 直接且引人入胜，搭配俏皮图标。

• 避免使用冷灰色 — 截图显示主要背景为温暖的米白色（#FFFCF7）。
• 避免到处使用尖锐的直角 — 截图显示采用大量的胶囊形状和圆角。
• 避免使用纯白背景 — 截图显示采用温暖、略带黄色的白色。
• 避免使用纤细、轻量的字体 — 截图显示使用粗体、富有表现力的衬线标题。
• 避免使用强烈的阴影 — 截图显示使用柔和、微妙的阴影以营造深度。
• 避免使用僵硬、企业化的布局 — 截图显示采用俏皮、富有表现力的构图和噪点纹理。
• 避免: 企业术语
• 避免: 过于技术化的语言
• 避免: 冰冷或刻板的语气

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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