Browserbase 网站预览
Browserbase 网站预览

Browserbase

如同编辑式大幅报纸与数据终端相遇:在超大GT Planar标题、柔和粉彩卡片表面和微型等宽元数据构成的近乎单色区域中,唯一热橘色作标点。

Browserbase像一款披着编辑式大幅报纸外衣、数据优先的开发者工具:近乎单色画布以唯一的热橘色锚定,橘色纯粹用于排版强调,绝不用在按钮上。界面以黑、白和米白表面保持安静,卡片和功能块则引入薰衣草灰、天蓝和奶油色等柔和粉彩,通过表面着色分组,而不依靠阴影。大型GT Planar展示标题与紧凑GT Standard Mono标签并置,形成技术杂志的节奏,巨大而自信的陈述由精确元数据作标点。黑色填充胶囊按钮承担每个主要操作的分量;橘色只保留给标题内的强调框和页脚横带,使品牌色成为标点,而非导航提示。

查看原始网站

使用规范

建议采用

  • 每个主要操作按钮都采用#000000填充和50px border-radius;黑色胶囊是唯一的操作表面。
  • 任一标题中的一个关键短语,用#ff4500橘色强调框包住,字号和字重与周围文字相同。
  • 所有gtPlanar文字都应用“ss05” font-feature-settings;替代字形组是品牌的排版身份。
  • 功能卡片表面使用#e2e9f3 lavender-mist,标志条带卡片使用#f8fafc faint-slate,在没有分隔线的情况下建立分组。
  • gtPlanar展示标题采用-0.02em至-0.05em letter-spacing,字号越大越紧密;负字间距使标题具有编辑式感受。
  • 分区元数据、眉题和统计标签采用gtStandardMono 14px、0.06em letter-spacing和全大写。
  • 界面保持95%+单色;唯一橘色是强调工具,而非表面色。

建议避免

  • 绝不要将#ff4500作为按钮背景、边框或悬停状态;它只是排版强调色。
  • 绝不要用box-shadow抬升卡片;通过表面色对比和1px边框传达深度。
  • 正文绝不要使用几何或展示字体;plain或Inter替代字体,是24px以下唯一的UI字体。
  • 按钮绝不要采用完全圆润的999px圆角;50px胶囊具有特定的中等分量,而非完整胶囊。
  • 正文绝不要使用彩色文字;文字只能为#000000或#686562。
  • 同一标题绝不要放置多个橘色强调框;每行只强调一个短语。
  • 绝不要使用#0000ee或浏览器默认链接蓝;链接样式是带下划线的#000000。