跳转到内容

选择语言

当前语言: 简体中文

Bolder

/impeccable bolder

适用场景

  • 你需要更强冲击力,但不想失控。
  • 页面看起来像“没有意见”。
  • 产品值得更明确的审美判断。

什么时候用

当一个界面看起来和别的界面没什么区别时,就该用 /impeccable bolder。通用无衬线,中等字重,柔和阴影,保守点缀色,合理但毫无记忆点的间距。它不是错,只是太安全。项目承受得住存在感,而当前版本又毫无态度时,就该用 bolder。

不要把它用在用户要盯几个小时的 dashboard 上。Boldness 适合 marketing page、hero moment 和内容型页面,不适合 operator tools。

工作方式

这个技能会在不破坏可用性的前提下,放大四个轴:

  1. 尺度:展示级标题会被推到 clamp(3rem, 6vw, 6rem) 甚至更大。不是点到为止,而是真正占住视口。
  2. 字重反差:用 300 对 800,而不是 medium 对 regular。要有真正的张力,不是随手调一下。
  3. 色彩承诺:点缀色以完整力度出现,而不是被稀释。背景也可以有明确立场(墨色、点缀色、纸色),而不是永远一片中性。
  4. 构图自信:非对称、越网格、拉引语、悬挂标点、尺度跳变。布局要有声音。

它不是“再加一点”,而是把已经存在的东西放大。如果设计里本来有三种颜色,bolder 不会加第四种,而是更坚决地使用这三种。

试试看

/impeccable bolder the landing page hero

预期变化:

  • Hero 标题从 3rem 提到 clamp(3.5rem, 7vw, 6.5rem),使用 display 字体,字重 700
  • 副标题从 regular 改成 1.5rem italic,并在视觉上向左轻拉 8px 对齐标题
  • 背景从纯纸色改成 cream-to-paper 渐变,让容器更有温度
  • CTA 按钮改为实心,去掉投影,减小圆角,hover 时做反色
  • 辅助图片略微越出网格,用负的 top margin 制造非对称

常见陷阱

  • 用错页面。 产品 dashboard、设置页和表单不该 bold,它们应该清楚可读。那种场景更适合 /impeccable layout 或 /impeccable polish。
  • 把 bold 和 loud 混为一谈。 Bold 是坚定、有立场。Loud 是吵。Bolder 要的是前者。如果结果显得有攻击性,接着跑 /impeccable quieter。
  • 同一轮里和 /impeccable delight 一起用。 Delight 最适合在稳定的视觉基线之上再加。先 bold,稳住,再 delight。

让想法变成真正交付的软件。

HagiCode 是面向项目开发的 AI 编码工作台:用 OpenSpec 工作流规划变更,多 Agent 并行执行,再由 Hero Scenario 让进度一目了然,把想法变成真正交付的软件。

智能
OpenSpec 工作流把意图变成从提案到交付的可执行路径。
高效
多 Agent 并行推进调研、实现与审阅。
有趣
丰富、便捷的界面交互,让规划、Agent 执行和项目工作更容易跟进。